Text im fixieren!

  • Hallo,


    ich möchte gerne, bei Veränderung der Fenstergröße, dass der Text fest stehen bleibt und sich nicht verschiebt!
    Problem ist, dass mein Text im Menu (horizontal), bei kleiner werden der Fenstergröße, sich untereinander schieben!


    Über Hilfe wäre ich sehr dankbar!

  • hier ist eine Bsp. zu sehen wo sich der Menütext nicht verändert --> http://www.maerskfleet.com/


    und bei mir sieh das so aus --> http://buildinternet.com/live/smoothmenu/animated-menu.html


    Im letzten Bsp. überlagern sich die Menutexte was ich nicht möchte!


    Beispiel:


    "HTML-CODE"


    <div id="menu">
    <ul>
    <li><a class="aktiv" href="index.html">Home</a></li>
    </ul>
    </div>


    "CSS-Code"


    #menu a
    {
    display: block;
    float: left;
    width: 113px;
    height: 20px;
    text-align: center;
    text-decoration: none;
    color: #AA30F1;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 5px;
    }


    Danke für die schnelle Antwort!

  • Der hier gepostete Quellcode passt nicht zu dem Quellcode, der in der verlinkten Seite benutzt wird. In beiden Fällen brauchst du nur dem übergeordneten Element eine Breite zu geben, die für das Menü ausreicht. Bei deinem geposteten Beispiel könntest du, wenn ich mir weitere 4 li-Elemente denke, folgendes festlegen:

    Code
    1. #menu {
    2. width:565px;
    3. }

    Allerdings klappt das nur, wenn du irgendwo festgelegt hast, dass die ul- und li-Elemente kein margin und padding haben. Ansonsten musst du die Breite natürlich vergrößern.


    Mir ist bei deinem Beispiel nicht klar, wozu du eigentlich das Div brauchst. Du könntest imho genausogut

    HTML
    1. <ul id="menu">
    2. <li><a class="aktiv" href="index.html">Home</a></li>
    3. </ul>

    schreiben.