Ich mache eine Webseite mit einem Menü mit ul
und floated li
. Um die aktive Seite von anderen Seiten zu unterscheiden, sowie wenn ich den Mauszeiger über einen Link halte, wird der Text fett dargestellt.Die Breite des Containers wird durch Fettschrift festgelegt.
Das Problem, das ich damit habe ist, dass, wenn der Text fett wird, es alles im Menü herumschiebt.()
Eine mögliche Lösung, an die ich dachte, war die Breite jedes Menüelements durch die Größe des fett gedruckten Textes zu bestimmen, aber ich weiß nicht, ob das möglich ist (zumindest ohne Javascript).
Irgendwelche Vorschläge?
Es gibt keine einfache CSS-Lösung für dieses Problem. Es ist einfach, mit JavaScript zu reparieren. – thirtydot
Ich habe versucht, JavaScript zu verwenden, und es sieht immer noch nicht gut aus: http://jsfiddle.net/thirtydot/tVDaf/1/. Der Abstand zwischen den Links ist unterschiedlich, da jedes Wort bei Fettdruck einen anderen Wert annimmt. Mein Tipp: Verwenden Sie einen anderen Hover-Effekt. – thirtydot
Ich hasse es, Javascript für etwas so einfach zu verwenden, aber die Lösung, die Sie bereitgestellt haben, ist gut genug. Danke, dreißig! – sgcharlie