Author Topic: Top menu problem - links not in line in IE  (Read 1280 times)

Offline peterrodger

  • Posts: 39
Top menu problem - links not in line in IE
« on: May 23, 2008, 03:53:14 PM »
Problem caused by staring at the monitor for too long today.
Solution - go outside and stare at the horizon for half an hour - Eureka!  Change 'Block' to 'Inline' in the CSS file
- Doh!

Hi
I'm building a site in WB 2.7.  I have a top menu area as the main menu.  In Safari and Firefox the links appear in line (as I intended) but in IE the links appear in a list format, one beneath another.  I think I've exhausted my knowledge of CSS and wonder if anyone can offer a solution please.

The relavent bit of the CSS file is... as below.

Any guidance or help will be much appreciated.

Peter


Code: [Select]
FOLLOWING CSS STYLES DEFINE LAYOUT OF THE TOP MENU (DISCLAIMER, CONTACT)* POSITION, NO LIST SYMBOLS, COLOR

***************************************************************************/

#navigation1 ul li {

display: block; }

#navigation1 ul li  a {

color: #6E857B;
float: left;
font-size: 90%;
font-weight: 700;
text-decoration: none;
padding: 0 1em; }

#navigation1 ul li a:aktiv,

#navigation1 ul li a:hover, {

color: #000000;
text-decoration:  none;
padding: 0 1em; }

#navigation1 ul li a:active {

color: #fff;
text-decoration:  none;
padding: 0 1em;

}
« Last Edit: May 23, 2008, 09:50:35 PM by peterrodger »