Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Member
    Join Date
    Dec 2005
    Posts
    57
    Member #
    12146
    Hey guys,

    I have a navigation bar to code (see attached).

    There are 2 methods I am thinking of using

    To use HTML/CSS with inline elements to create this with rollovers, or to use images with Javascript to create the rollovers

    I think that the HTML/CSS way will load faster, however I cannot get the navigation bar looking the same as the attached image. If I was doing it this way would I use a background image and then code the inline elements over this image?

    Which way is better?
    Attached Images Attached Images

  2.  

  3. #2
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    You could use divs, one for the background, and then one for each Link (Services etc), this way you will use the CSS route.

  4. #3
    Senior Member igeek's Avatar
    Join Date
    Oct 2005
    Posts
    202
    Member #
    11644
    use css for the drop downs..

    use <ul> and <li> tags to put your navigation in..
    and display them horizontal.

    then have another div that holds your background image and the navigation ul, li tags.

    hope this helps..

    good luck..

  5. #4
    Member
    Join Date
    Dec 2005
    Posts
    57
    Member #
    12146
    Thanks guys, thats a help

  6. #5
    Senior Member GeZe's Avatar
    Join Date
    Dec 2003
    Posts
    330
    Member #
    4381
    oh, for the link part you make it so you can have height and length to the "a" (link) element by putting in the css "display: block;" in the css for the link.

    (unless you do the above you are not allowed to put a link around a div, eg. <a href="hello.html" title="hello"><div></div></a>, but if you make the a element display block then it is allowed)
    -GeZe


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:18 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com