Quick CSS question - GoFuckYourself.com

Young · 07-07-2006, 02:47 PM

My padding is affecting my hover background color in my lists. Where should I place the padding so that way the background color fills throughout?

What am I doing wrong?

Code:

#nav {
border: 1px solid #000000;
width:769px;
float:left;

}

#nav ul{
padding: 0;
margin:0;
float:left;
background-color: #FFFFFF;

}

#nav ul li{
display:block;
border: 3px solid #000000;
margin:0;
padding-right: 2px;
float:left
}

#nav ul li a{
color:#000000;
text-align:center;
text-decoration:none;
width: 9em;

}

#nav ul li a:hover{
background-color:#0099FF;
}

I realize my code maybe a little redundant but I don't go through and crunch everything till all is said and done.

any suggestions?

Young · 07-07-2006, 02:47 PM

also does someone wanna help me get rid of some of those "Floats"

All i'm trying to do is create a horizontal menu. Usually its a 2min job today for some reason its kicking my ass

Young · 07-07-2006, 02:52 PM

forget it...

im gonna go with classes

kirupai · 07-07-2006, 02:57 PM

Code:

#nav ul li{
display:block;
border: 3px solid #000000;
margin:0;
margin-right: 2px;
float:left
}

Try that

Young · 07-07-2006, 02:59 PM

Quote:

Originally Posted by kirupai

Code:

#nav ul li{
display:block;
border: 3px solid #000000;
margin:0;
padding-right: 2px;
float:left
}

Try that

appreciate it kirupai. i'll keep that in mind for next time. I decided to go with a class instead.

kirupai · 07-07-2006, 03:03 PM

Try it again i forgot to change the padding to margin lol

CyBå CüLt CRüE · 07-07-2006, 03:04 PM

Quote:

Originally Posted by kirupai

Code:

#nav ul li{
display:block;
border: 3px solid #000000;
margin:0;
margin-right: 2px;
float:left
}

Try that

That should work

kirupai · 07-07-2006, 03:08 PM

Code:

#nav ul li{
display:block;
border: 3px solid #000000;
margin: 0 2 0 0;
float:left
}

There you go even a little cleaner :P

07-07-2006, 02:47 PM	#1
Young Bland for life Industry Role: Join Date: Nov 2004 Posts: 10,468	Quick CSS question My padding is affecting my hover background color in my lists. Where should I place the padding so that way the background color fills throughout? What am I doing wrong? Code: #nav { border: 1px solid #000000; width:769px; float:left; } #nav ul{ padding: 0; margin:0; float:left; background-color: #FFFFFF; } #nav ul li{ display:block; border: 3px solid #000000; margin:0; padding-right: 2px; float:left } #nav ul li a{ color:#000000; text-align:center; text-decoration:none; width: 9em; } #nav ul li a:hover{ background-color:#0099FF; } I realize my code maybe a little redundant but I don't go through and crunch everything till all is said and done. any suggestions? __________________ ★★★

07-07-2006, 02:47 PM	#2
Young Bland for life Industry Role: Join Date: Nov 2004 Posts: 10,468	also does someone wanna help me get rid of some of those "Floats" All i'm trying to do is create a horizontal menu. Usually its a 2min job today for some reason its kicking my ass __________________ ★★★

07-07-2006, 02:52 PM	#3
Young Bland for life Industry Role: Join Date: Nov 2004 Posts: 10,468	forget it... im gonna go with classes __________________ ★★★

07-07-2006, 02:57 PM	#4
kirupai Confirmed User Join Date: Aug 2003 Location: California Posts: 894	Code: #nav ul li{ display:block; border: 3px solid #000000; margin:0; margin-right: 2px; float:left } Try that Last edited by kirupai; 07-07-2006 at 02:59 PM..

07-07-2006, 03:08 PM	#8
kirupai Confirmed User Join Date: Aug 2003 Location: California Posts: 894	Code: #nav ul li{ display:block; border: 3px solid #000000; margin: 0 2 0 0; float:left } There you go even a little cleaner :P

07-07-2006, 03:03 PM	#6
kirupai Confirmed User Join Date: Aug 2003 Location: California Posts: 894	Try it again i forgot to change the padding to margin lol