Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

hoverup menu

0 views
Skip to first unread message

Brian Wilson

unread,
Mar 3, 2004, 2:41:14 AM3/3/04
to
Could someone help me with how to adjust the box width to be the size of the
text? I would like for each box to be the same size as the length of the
text? If someone know of an easy way to do this I would greatly appreciate
it.
Thank you -


<html>
<head>
<Style>
#navcontainer
{
margin: 0 auto;
padding: 1em 0 0 0;
font-family: arial, serif;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
display: block;
line-height: 0px;
font-size: 1px;
clear: both
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 10pt;
}

ul#navlist li
{
display: block;
float: left;
width: 22%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: .1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: underline;
}

}
ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: black;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
font-face:bold
}

</style>
<title>Title</title>
</head>

<body>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:
collapse" bordercolor="#111111" width="100%" height="203">
<tr>
<td width="67%" align="right" height="14" colspan="2">
<p align="center">&nbsp;<table border="0" cellpadding="0"
cellspacing="0" style="border-collapse: collapse" bordercolor="#111111"
width="100%" height="28">
<tr>
<td width="100%" align="center" height="28">
<ul id="navlist" align=center>
<li><a href="#">Family News</a></li>
<li><a href="#">Reunion News</a></li>
<li><a href="#">Cannon Baby Gallery</a></li>
<li><a href="#">Cannon Bulletin Board</a></li>
</ul>
</td>
</tr>
</table>

<body>
</body>

</html>


0 new messages