[WSG] border order

[Mani Sheriar]

Hi There,

Just use a background image for the nav border.  I made one that was
760x20 with no repeat, but it could even be 1x1 and repeat y.  Just
position it at the bottom.


You can look at the page here:

http://www.manisheriar.com/wsg/borderOrder/



Here's the code: 

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>

Border Order


/* this is the ul */
#navlist {float:left;width:760px;padding:4px 0;margin:0;font: bold 12px
Verdana, sans-serif;background:#EBEBEB url(bottomBorder.gif) no-repeat
bottom;}
#navlist li {display:inline;list-style:none;margin:0;padding:0;}
#navlist li a:link, #navlist li a:visited {color:#737577;padding:3px
0.5em;margin-left:3px;border-bottom:none;text-decoration: none;}
#navlist li a:hover {color:#fff;background:#737577;
border-color:#BCBEC0;}
#navlist li a#current {color:#A11D55;border:1px solid
#BCBEC0;background:#fff;border-bottom:2px solid #fff;}





  Home
  News & Media
  Members
  Products & Services
  About PIR
  FAQ




Mani Sheriar
Sheriar Designs | www.ManiSheriar.com
925|914.0741
 
  



**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] border order

[Dmitry Baranovskiy]

Hi Adam,
Personally I in this case use image background to make border-bottom
or change whole design to something like this:
http://siter.com.au/dmitry/tabs.html


-- 
Best regards,
Dmitry Baranovskiy
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

[WSG] border order

[Adam Hough]

I have an ul list i am using for navigation.
* on this list i have a dark solid 1px bottom border.
* i want current menu item to have a bottom border of white, to give the 
appearance of a tab.

Firefox + NS work fine and opera is close enough.  however IE doesnt use the 
border bottom of the anchor tag.  instead the dark border on the parent ul 
shows through.

Any idea's, the css is in the header.
http://dampsponge.com/menu.htm
Adam
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**