it’s three images. the left side is just the corner, the middle would be a sliver of the middle part of the navigation that is repeated the full width of the menu and then the right side would be the other corner. so then you float all three images inline or code it another way. There are different methods.
there is no link for that. I would do it in three divs
What they did was use 1 image for the background of the nav. What you need to do is use firebug for firefox. That is the best web browser for a web designer. If you right click on the page and choose..View page info, there will be a media tab that you can click, click that and it will show you all the images that are there. The image they are using is site-nav_bg.png. then they apply this background image to the <ul> and the <h3> tags and other parts of the code. I have never seen it done this way. using firefox, right click on the page, choose…View page source. you can see there are two style sheets in the head section, click on the one called global.css and that will open up the style sheet they are using. Do a search for site-nav_bg and you will see how they coded it.
Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".