nicht angemeldet
Vertikalsprung mit "Hover und width:"
Hallo,
versuche eine Navigationsleiste mit css zu erstellen. Hier das Css-Script:
.navi {margin: 10px; color: #ffff00; text-decoration: none; font-size: 12pt;}
A.navi:hover {text-decoration: none; color: #ffff00; border-style: solid; border-width: 1px; border-color: #ffffff; background-color: #999999; width: 130px; }
Wenn ich nun mit der Maus über den Link fahre, geht alles wie erwünscht. Nur mit einem Problem:
Der Link mit Rahmen und Hintergrund springt bei hover um ca. 10px nach unten.
Ich habe jetzt schon Stunden mit der Fehlersuche verbracht. Was mach ich falsch???
Gruß Hajo
-
Hi,
Hallo,
versuche eine Navigationsleiste mit css zu erstellen. Hier das Css-Script:
.navi {margin: 10px; color: #ffff00; text-decoration: none; font-size: 12pt;}
A.navi:hover {text-decoration: none; color: #ffff00; border-style: solid; border-width: 1px; border-color: #ffffff; background-color: #999999; width: 130px; }Probier mal folgendes:
Ergänze .navi um border:1px solid #123456;
wobei Du für #123456 die Farbe des Hintergrundes einsetzt.Wenn das nicht hilft, gib ne URL mit der kompletten Seite an.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/-
Hi Andreas,
Deinen Vorschlag habe ich ausprobiert. Ich glaube, ich versteh´ dich nicht ganz. Habe deinen Text eingefügt. Es will aber nicht funktionieren. Leider habe ich keine url. Die Page existiert z.Zt. nur offline. Ich könnte dir aber die Dateien zumailen (36 KB). Für deine Hilfe wäre ich echt dankbar.
Gruß hajo
Hi,
Hallo,
versuche eine Navigationsleiste mit css zu erstellen. Hier das Css-Script:
.navi {margin: 10px; color: #ffff00; text-decoration: none; font-size: 12pt;}
A.navi:hover {text-decoration: none; color: #ffff00; border-style: solid; border-width: 1px; border-color: #ffffff; background-color: #999999; width: 130px; }Probier mal folgendes:
Ergänze .navi um border:1px solid #123456;
wobei Du für #123456 die Farbe des Hintergrundes einsetzt.Wenn das nicht hilft, gib ne URL mit der kompletten Seite an.
cu,
Andreas
-