RE: [WSG] a: class border width problem

2005-09-17 Thread Scott Swabey - Lafinboy Productions 
Hi

The problem would appear to be that you have applied the border to the 
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: #ff;
text-decoration: none;
width: auto; border-bottom: 4px solid #99;
_height:1%;
}

#drNav a.corner {
background: url(../botcorn.gif) bottom left no-repeat;
border-bottom: 0px;
}

/* html */

  Web & 
Screen

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: wsg@webstandardsgroup.org
> 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: #ff;
>  text-decoration: none;
>  width: auto; border-bottom: 4px solid #99;
>  _height:1%;
> }
> 
> 
> .corner {
> background: url(../botcorn.gif) 
> bottom left no-repeat; border-bottom: 0px;
> }
> 
> /*html*/
> 
> 
> Web & 
> Screen
> -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
**

Re: [WSG] a: class border width problem

2005-09-17 Thread Kay Smoljak 
sorry, didn't look closely enough... that would be #drNav li.corner a{}

On 9/18/05, Kay Smoljak <[EMAIL PROTECTED]> wrote:
> On 9/18/05, kvnmcwebn <[EMAIL PROTECTED]> wrote:
> > 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?
> 
> Could it be a specificity problem? Instead of .corner{} try #drNav a.corner{}.
> 
> --
> Kay Smoljak
> http://kay.zombiecoder.com/
> 
> > /*css*/
> >
> > #drNav a {
> >  margin: 0px;
> >  float:left;
> >  display:block;
> >  _display:inline-block;
> >  padding: 4px 12px;
> >  color: #ff;
> >  text-decoration: none;
> >  width: auto; border-bottom: 4px solid #99;
> >  _height:1%;
> > }
> >
> >
> > .corner {
> > background: url(../botcorn.gif)
> > bottom left no-repeat; border-bottom: 0px;
> > }
> >
> > /*html*/
> >
> > 
> > Web & 
> >   Screen
> **
> The discussion list for  http://webstandardsgroup.org/
> 
>  See http://webstandardsgroup.org/mail/guidelines.cfm
>  for some hints on posting to the list & getting help
> **
> 
> 


-- 
Kay Smoljak
http://kay.zombiecoder.com/
**
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] a: class border width problem

2005-09-17 Thread Kay Smoljak 
On 9/18/05, kvnmcwebn <[EMAIL PROTECTED]> wrote:
> 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?

Could it be a specificity problem? Instead of .corner{} try #drNav a.corner{}.

-- 
Kay Smoljak
http://kay.zombiecoder.com/

> /*css*/
> 
> #drNav a {
>  margin: 0px;
>  float:left;
>  display:block;
>  _display:inline-block;
>  padding: 4px 12px;
>  color: #ff;
>  text-decoration: none;
>  width: auto; border-bottom: 4px solid #99;
>  _height:1%;
> }
> 
> 
> .corner {
> background: url(../botcorn.gif)
> bottom left no-repeat; border-bottom: 0px;
> }
> 
> /*html*/
> 
> 
> Web & 
>   Screen
**
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] a: class border width problem

2005-09-17 Thread kvnmcwebn 
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: #ff;
 text-decoration: none;
 width: auto; border-bottom: 4px solid #99;
 _height:1%;
}


.corner {
background: url(../botcorn.gif) 
bottom left no-repeat; border-bottom: 0px;
}

/*html*/


Web & 
  Screen
-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
**