Quote:
Originally Posted by swagner
Come again?
|
*sigh* talk about breakdown in communication
this is the main menu code
- HTML: Select all
<ul>
<li><a href="Artwork/index.html" rel="dropmenu1">A<small>RTWORK</small></a></li>
<li><a href="VideoAudio/index.html" rel="dropmenu2">V<small>IDEO</small> & A<small>UDIO</small></a></li>
<li><a href="FAQLinks/index.html" rel="dropmenu3">FAQ & L<small>INKS</small></a></li>
<li><a href="Comments/index.html" rel="dropmenu4">C<small>OMMENTS</small></a></li>
</ul>
this is the
css that controls the LI and A items in the main menu
- Code: Select all
.chromestyle ul li{
display: inline;
margin: 0px;
}
.chromestyle ul li a{
color: #fff;
margin: 0px;
font-size: 20px;
font-family: Palatino Linotype, New York, serif;
text-decoration: none;
text-align: center;
padding: 2px 15px 2px 15px;
}
.chromestyle ul li a:hover{
color: #ffa;
background: url(menugradient-yellow.gif);
}
if i add width: whatever; to any of those, it doesn't work, not unless i change the display of the ul li a to block or table-cell, one messes up the menu, the other only works in FF.
that helping?