Good morning all,
I just launched my site's redesign (www.webnetdesignstudios.com), and although
I'm pleased with the
initial results I'm still addressing a few bugs. The one that bothers me the
most is the fact that
the main menu (i.e. our company, services, portfolio, etc.) collapses and
expands in IE and FF
when a link is clicked. It seems to work fine in Opera.
The following is a CSS code snippet that controls the main menu, which I
grabbed from Listamatic:
/* MAIN NAVIGATION BAR
----------------------------------------------------------------------------------------*/
#mainNav
{text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
padding: 3px 0 5px 0;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background-color: #CCC4BE;}
#mainNav ul
{margin: 0;
padding: 0;
list-style-type: none;}
#mainNav ul li
{display: inline;
line-height: 1.5;}
#mainNav ul li a:link, #mainNav a:active, #mainNav a:visited
{color: #000;
font: bold 0.7em tahoma, sans-serif;
text-decoration: none;
border-right: 1px solid #999;
padding: 10px 10px 9px 10px;}
#mainNav ul li a:hover
{color: #fff;
text-decoration: none;
background-color: #FF5100;}
#mainNav #pipe
{border-left: 1px solid #999;}
Any advice would be greatly appreciated!
Kind regards,
Mario
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
