WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.9 R22 is now available!


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • General Community »
  • Off-Topic »
  • Top menu problem - links not in line in IE
  • Print
Pages: [1]   Go Down

Author Topic: Top menu problem - links not in line in IE  (Read 5412 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 »
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • General Community »
  • Off-Topic »
  • Top menu problem - links not in line in IE
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2