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!
Hallo,
ohne Link zur Seite werden wir dir leider kaum helfen können.
Gruss
MrMurphy
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:
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
schreiben.
Gehört zwar nicht zur Frage, aber dennoch ganz interessant.
Dein Effekt wird mit Javascript erzeugt, das ist heute nicht mehr ganz zeitgemäss, da man solche Effekte durchaus mit CSS und Transition umsetzen kann.
Beispiel für die Leistungsfähigkeit von CSS sieht man bei http://www.cssplay.co.uk/menus/css3-cssplay3.html#url
