Everything was looking great until I added some
php code into my
html page (all I've done so far is add <?
PHP ?>) and this has caused my side menu to retract. If I extend navcontainer a width: 149px; this sorts the menu out, however it knocks everything else out. How can I get around this?
- Code: Select all
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-indent: 8px;
margin-top: 180px;
}
#navcontainer li { margin: 0 0 1px 0; }
#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #fff;
width: 149px;
background-color: #999;
background-image: url(images/buttonback.jpg);
}
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover
{
border: 1px solid #fff;
background-color: #F60;
background-image: url(images/buttonbackroll.jpg);
color: #69C1B5;
}
#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #fff;
background-color: #FF6600;
background-image: url(images/buttonback.jpg);
color: #fff;
}