Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Best way to code a web layout

    I made a web layout on photoshop, its http://img.photobucket.com/albums/v2...ite/layout.jpg I wanted to know the bestr way of getting the text/buttons at the top to be links and a transparent text area thing in the box where it says text here

  • #2
    Regular Coder
    Join Date
    Jan 2005
    Location
    NY, USA
    Posts
    132
    Thanks
    1
    Thanked 1 Time in 1 Post
    Hi,

    At the top, since the background is gradient, I think your going to have to make the buttons transparent gifs. Although a transparent gif will work, the quality may not be that good, and the edges might be jaggedy. If the background was not gradient, you could just make the image background color the same color as that top part. As for the text area, I'll assume you mean a place where you're going to show text, and not the form element, text area. If you make this design within a table, which I think will be the easiest, you can just make that image the background of a cell, and you can then type right over it.

    Hope this helps,
    ~David
    Last edited by cooleo100d; 01-30-2005 at 03:01 AM.

  • #3
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    I think the best way would be to put both parts into their own DIV like this:

    <div id="menubar">Your menu stuff here</div>
    <div id="textbody">Your text here</div>

    Then declare the attributes in your css so that your 'menubar' and its links are transparent until to rollover them and that your div, 'textbody' has a background image assigned to it or is transparent (if the background is the general page background).

    Your menu would best be an unordered list <UL> given the attributes list-style-type : none; display : inline; but I can post that help if you need it.

    No need for tables, as in this case, they would make more difficult the task of upgrading/re-designing your site at a later date and they eat more bandwidth and filespace.

    bazz
    Last edited by bazz; 01-30-2005 at 05:12 PM.
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •