horizontales Menü (display:inline) funktioniert nicht!

alexA320 · 30.09.2008, 18:26

Hallo!

Ich zweifel langsam an mir selber

Die Browser (Firefox 3 , IE7) wollen das Menü nicht horizontal darstellen, egal was ich mache, die Menüpunkte bleiben untereinander!

Hier der Code:

Code:

  ul#top {
    font-size: 0.83em;
    float: left; width: 120px;
    margin: 0 0 1.2em; padding: 0;

  }

  ul#top li {
    display:inline ;
    list-style: none;
    margin: 0; padding: 0.0em;
    list-style-type: none;
  }
  
ul#top a {
     display: block;
    padding: 0.2em;
    font-weight: bold;
    
  }
  
  ul#top h2 {
 font-size: 1em;
    margin: 1.1em 0 0;   padding: 0.2em;
    border-color: #FDDBA5;
    color: #9C7E4D; background-color: #FDDBA5;
  }

und das zugehörige html-file

HTML-Code:

<body>
    
<img src="styles/alexpage/banner.jpg" alt="banner"> 
<ul id="top">
<li><h2>Menue:</h2></li> 
<li><a href="/bla.html">Bla</a></li>  
</ul>
<table class="noborder"  style="border-width:0px; table-layout:fixed ; border-style:none">
// usw..

Vielleicht überseh ich irgendwas grundlegendes aber ich komm zur Zeit einfach nicht weiter...

danke für die Hilfe!

Alex

30.09.2008, 18:26	#1
alexA320 Veteran Registriert seit: 25.03.2005 Alter: 34 Beiträge: 429	horizontales Menü (display:inline) funktioniert nicht! Hallo! Ich zweifel langsam an mir selber Die Browser (Firefox 3 , IE7) wollen das Menü nicht horizontal darstellen, egal was ich mache, die Menüpunkte bleiben untereinander! Hier der Code: Code: ul#top { font-size: 0.83em; float: left; width: 120px; margin: 0 0 1.2em; padding: 0; } ul#top li { display:inline ; list-style: none; margin: 0; padding: 0.0em; list-style-type: none; } ul#top a { display: block; padding: 0.2em; font-weight: bold; } ul#top h2 { font-size: 1em; margin: 1.1em 0 0; padding: 0.2em; border-color: #FDDBA5; color: #9C7E4D; background-color: #FDDBA5; } und das zugehörige html-file HTML-Code: <body> <img src="styles/alexpage/banner.jpg" alt="banner"> <ul id="top"> <li><h2>Menue:</h2></li> <li><a href="/bla.html">Bla</a></li> </ul> <table class="noborder" style="border-width:0px; table-layout:fixed ; border-style:none"> // usw.. Vielleicht überseh ich irgendwas grundlegendes aber ich komm zur Zeit einfach nicht weiter... danke für die Hilfe! Alex ____________________________________ <--Gruß Alex--> Cargo motzt nicht, Cargo kotzt nicht! http://status.ivao.aero/147360.png

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)