I can't seem to figure this out. I want to have a horizontal menu using a unordered list and I want to be able to set the width and height of the links. Everything I seen, people just use some padding to adjust what there links look like but I need to have them all one size. So even if one word is longer than another the area and spacing around the link is the same. I hope that makes sense.
Here is my css for the list
#head3B_wrapper ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#head3B_wrapper ul li {
display: inline;
}
#head3B_wrapper ul li a{
display: inline;
width: 70px;
height: 35px;
font-family: arial, verdana, sans-serif;
font-size: 9px;
color: #404040;
text-decoration: none;
}
#head3B_wrapper ul li a:hover{
background-image: url(v3_graphics/link.gif);
background-repeat: no-repeat;
width: 70px;
height: 35px;
}
Right now this just makes all the links crammed together like there is no size set. Also when hovered the image is the size of the text link. Any ideas?#head3B_wrapper ul li a{
display: block;
.
.Thanks for the quik reply Fang but that just makes the list vertical (makes them all one size thou )and #head3B_wrapper ul li {
float:left;
}Very cool Fang thanks. It didn't make much sense to me when I first read it, but it makes perfect sense now
Here is my css for the list
#head3B_wrapper ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#head3B_wrapper ul li {
display: inline;
}
#head3B_wrapper ul li a{
display: inline;
width: 70px;
height: 35px;
font-family: arial, verdana, sans-serif;
font-size: 9px;
color: #404040;
text-decoration: none;
}
#head3B_wrapper ul li a:hover{
background-image: url(v3_graphics/link.gif);
background-repeat: no-repeat;
width: 70px;
height: 35px;
}
Right now this just makes all the links crammed together like there is no size set. Also when hovered the image is the size of the text link. Any ideas?#head3B_wrapper ul li a{
display: block;
.
.Thanks for the quik reply Fang but that just makes the list vertical (makes them all one size thou )and #head3B_wrapper ul li {
float:left;
}Very cool Fang thanks. It didn't make much sense to me when I first read it, but it makes perfect sense now