PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Bei "hover ... font-weight: bold;" hüpft darunterliegende Zeile etwas nach unten


DerSchatten
22.12.2007, 23:40:27
Ich habe mir einen Link so hergerichtet das bei Mausbewegung dieser fett dargestellt werden soll. Jedoch hat dies einen unschönen Nebeneffekt das die darunterliegende Zeile dann um 1 oder 2 Pixel nach unten verschoben/bewegt wird.


echo "<li><a href='ansicht_formular1.php?id=$id'>".$datensatz['ArtikelBezeichnung']." </a>";
echo '<img src="images/neu.gif"></li><br>';


Im .css steht dann noch folgendes drinnen:

a:hover
{
font-weight: bold;
}


Hat jemand einen Tip wie ich dieses "hüpfen" verhindern kann?
Bei "text-decoration: underline;" tritt das nicht auf.

Heinrich
22.12.2007, 23:56:38
Hat zwar wenig mit PHP-Grundlagen zu tun, aber versuch's mal mit
margin-bottom: -1 (oder 2) px;

defabricator
22.12.2007, 23:57:12
Bitte nach "HTML, CSS und JavaScript Help! " verschieben. Hat nichts mit PHP zu tun.

DerSchatten
23.12.2007, 00:20:32
margin-bottom: -1 (oder 2) px;


Hat leider nicht geholfen.

Heinrich
24.12.2007, 00:13:48
Dann probier halt noch etwas (z.B. mit mehr Pixel)....

übrigens ist das ein gutes Forum für CSS usw.:
http://xhtmlforum.de/index.php

maiskolben
07.01.2008, 18:19:12
Hallo,
vergib' in den CSS-Sheets:

Beispiel:
line-height: 18px;

Oder vergib' dem <li></li> Bereich eine feste Höhe, auch mal mit line-height.

Du musst auf jeden Fall etwas mit der Höhe ändern,
dann sollte das Problem behoben sein...