Hi
The problem would appear to be that you have applied the border to the <li>
using the #drNav, and are trying to override that assignement by reseting
the border on the nested a element. Try changing the .corner class to apply
to the nested a:
/* css */
#drNav a {
margin: 0px;
float:left;
display:block;
_display:inline-block;
padding: 4px 12px;
color: #ffffff;
text-decoration: none;
width: auto; border-bottom: 4px solid #999999;
_height:1%;
}
#drNav a.corner {
background: url(../botcorn.gif) bottom left no-repeat;
border-bottom: 0px;
}
/* html */
<ul id="drNav">
<li><a href="webhome.htm" class="corner"> Web & <br/>
Screen</a></li>
Regards
____________________________________
Scott Swabey
General Manager
Lafinboy Productions
web development :: web design :: graphic design
e [EMAIL PROTECTED]
t +61 (0)415 193 126
w www.lafinboy.com
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of kvnmcwebn
> Sent: Sunday, 18 September 2005 6:16 AM
> To: [email protected]
> Subject: [WSG] a: class border width problem
>
>
> Hello list members,
>
> Im doing something ignorant with the below code but i dont know what.
>
> I want to add a round corner to the far left button of my navbar.
>
> Im using the class ".corner" to insert a bg image in the button.
> It works apart from the stuborn bottom border that wont go
> away. Any explanations for this?
>
> /*css*/
>
> #drNav a {
> margin: 0px;
> float:left;
> display:block;
> _display:inline-block;
> padding: 4px 12px;
> color: #ffffff;
> text-decoration: none;
> width: auto; border-bottom: 4px solid #999999;
> _height:1%;
> }
>
>
> .corner {
> background: url(../botcorn.gif)
> bottom left no-repeat; border-bottom: 0px;
> }
>
> /*html*/
>
> <ul id="drNav">
> <li class="corner"><a href="webhome.htm"> Web & <br/>
> Screen</a></li>
> -best
> kvnmcwebn
> ******************************************************
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> ******************************************************
>
>
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
