|
|||
Listen Menü mit hover-Effekt FETT
Code:
.menue_top { position:relative; height:31px; background:#009DDF; vertical-align:middle; padding-left:20px; } .menue_left { width:180px; height: 100%; background:#F39D00; padding: 28px 0 0 20px; float:left; } .content { float:left; background:#fff; width:650px; height: 100%; padding: 28px 25px 0 130px; } .menue_top li{ margin-right: 20px; list-style-type:none; display:block; float:left; } .menue_top li a{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:14px; display:block; margin: 6px 0; } .menue_top li a:hover{ text-decoration: underline; font-weight:bold; overflow:hidden; } also will halt nur das sich das nicht verschiebt. und am besten ohne viele classen, weil das ist alles in typo3. ich hoffe das es da was gibt |
Sponsored Links |
|
|||
Wenn ich das richtig sehe, werden beim Überfahren die einzelnen Buchstaben angesprochen und einzeln fett dargestellt. Das ist mit CSS kaum zu realisieren und wenn, dann nur zum Nachteil eines sauberen Codes.
Ist vielleicht ein Flash-Menü? Wenn Du nur beim Hovern den FETT Effekt haben willst, geht das ja. Du mußt nur dafür sorgen, dass der Hover-Status andere Werte erhält, die ein Hüpfen verhindern, eine fette Schrift braucht eben mehr Platz. Am leichtesten wird das wohl gehen, wenn paddings oder margins der Links entsprechend angepasst werden, kommt auf deinen Code an. Um ein Rumprobieren wirst du vermutlich nicht herumkommen. Möglicher Vorschlag: Code:
.menue_top li a:hover{ text-decoration: underline; font-weight:bold; overflow:hidden; margin: 5px 0; } Ohne Testcase läßt sich da wenig sagen.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fertiges Drop-Down Menü ins Layout einfügen | VoB | CSS | 6 | 15.03.2011 16:14 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 08:55 |
Problem mit CSS Menü | SMundt | CSS | 9 | 07.01.2009 19:12 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 14:40 |
Horizontales Menü mit Hover effekt | krakos | CSS | 1 | 10.06.2007 12:19 |