tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
232
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    UnoDosTres UnoDosTres ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    169
    Hallo zusammen,

    ich habe das Problem das das Menü total aus dem float läuft. Ich habe es so von Listmatic genommen dort auf der Seite geht es ja auch. Allerdings wenn ich das CSS und den HTML kopieren und lokal anwende läuft es aus dem float.

    HTML-Code:
    <div id="navcontainer">
            	<ul id="navlist">
            	<li id="active"><a id="current" href="index.html">Startseite</a></li>
            	<li><a href="seite1.html">Seite1</a></li><br />
            	<li><a href="seite2.html">Seite2</a></li>
            	<li><a href="seite3.html">Seite3</a></li><br />
    	<li><a href="kontakt.html">Kontakt</a></li>
            	</ul>
           </div>
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    
    /* Navigation */
     
    #navcontainer
        {
            margin: 0;
            padding: 0;
            height: 22px;
            font: 11px Verdana, sans-serif;
            width: 100%;
            border-bottom: 1px solid #bbb;
            list-style-type: none;
            background: #fff;
        }
        
        #navlist li
        {
            float: left;
            margin: 0;
            padding: 0;
            width: auto;
            display: block;
        }
        
        #navlist li a, #navlist li a:link
        {
            background: #fff;
            color: #555;
            text-decoration: none;
            padding: 3px 5px 3px 5px;
            display: block;
        }
        
        #navlist li a:hover
        {
            color: #039;
            border-bottom: 3px solid #bbb;
            cursor: pointer;
            background: #eee;
        }
        
        #navlist li a#current, #navlist li a#current:link
        {
            color: #000;
            cursor: default;
            font-weight: bold;
            border-bottom: 3px solid #999;
        }
        
        #navlist li a#current:hover
        {
            border-bottom: 3px solid #f90;
            background: #eee;
        }
     
     
    /* Navigation ende */

    Als Anhang ein Screenshot wie es aussieht.
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Listmatic CSS Menü läuft aus dem float-float_fehler.jpg  
     

  2. #2
    Avatar von hela
    hela hela ist offline Mitglied Smaragd
    tutorials.de Premium-User
    Registriert seit
    Oct 2004
    Beiträge
    1.123
    Hallo,

    nimm die BR-Elemente nach dem 2. und 4. LI-Element aus der Liste.
     

  3. #3
    UnoDosTres UnoDosTres ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    169
    Ahhh...die habe ich nicht bemerkt. Wie peinlich, aber manchmal sieht man den Walt vor lauter Bäumen nicht . Vielen Dank.
     

Ähnliche Themen

  1. Drop Down Menü - Float zentrieren?
    Von Derk2 im Forum CSS
    Antworten: 25
    Letzter Beitrag: 21.02.10, 13:38
  2. Antworten: 14
    Letzter Beitrag: 28.09.08, 11:00
  3. Antworten: 2
    Letzter Beitrag: 20.05.07, 21:56
  4. Float Menü in index - Reload
    Von laempisch im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 30.11.06, 11:55
  5. Problem mit einem Drop Down Menü läuft nur unter IE
    Von kleinhanjer im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 20.08.05, 03:12