...

View Full Version : horizontal list



sudhakararaog
12-22-2009, 02:46 AM
i am using a horizontal list which are text links.

the div which contains the list items has a width of 750px and i need a border at the bottom of this div which i am able to get

my question is about the list items, i want all the list items bottom to merge with the border at the bottom, when i tried giving a height to the list items all browsers except for ie6 were displaying properly ie6 was not able to display properly and it made all the links appear in a new line

how can i fix this in such a way that the code will work for ie6 and all other browsers as well.

the file is located at
http://www.sudhakargolakaram.co.in/horizontallist.html


thanks

Excavator
12-22-2009, 03:18 AM
Hello sudhakararaog,
Instead of padding an anchor that may have a line-break, try a set height...
Not sure how that will work in IE6, or how it will work on a text-size change.
Try this-

#topmenu {
float: left;
width: 750px;
height: 45px;
margin: 10px 0 0 0;
border-bottom: 5px solid #5b32ff;
}
#topmenu ul {
height: 45px;
list-style-type: none;
margin: 0;
padding: 0;
}
#topmenu ul li {
display: inline;
float: left;
margin: 0 2px 0 0;
padding: 0;
}
#topmenu ul li a {
height: 33px;
color: #000;
font-weight: bold;
text-decoration: none;
/* text-align: center;*/
background: #4883f2;
display: block;
padding: 12px 20px 0px 3px;
/*height: 10px;*/
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum