[CSS]Verweis mit 90% Zeilenabstand > Unterstrich-Problem

Michaela1986

Hallo,

mein Problem ist folgendes:
Der Inhalt einer Tabellenzelle ist auf einen Zeilenabstand von 90 % definiert.
Der Unterstrich (bei hover) befindet sich im FF (Version 2.0) allerdings auf üblicher Höhe. Somit durchstreicht er "Text2".
Wie schaffe ich es, den Unterstrich unmittelbar unter den Verweistext zu setzen (also auch ZAB 90%)?
Vielen Dank für Hilfe

Hier ist der entsprechende Code:

a.verweis:link {text-decoration:none;color:#123590;background-color:transparent;font-size: 10pt}
a.verweis:visited {text-decoration:none;color:#123590;background-color:transparent;font-size: 10pt}
a.verweis:hover {text-decoration:underline;color:#0000ff;background-color:transparent;font-size: 10pt}
a.verweis:active {text-decoration:none;color:#123590;background-color:transparent;font-size: 10pt}

bejot

Moin,
klappt ohne Probleme.

versuche es mal so:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>test</title>


<style type="text/css">
a.verweis:link {text-decoration:none;color:#123590;background-color:transparent;font-size: 10pt;}
a.verweis:visited {text-decoration:none;color:#123590;background-color:transparent;font-size: 10pt;}
a.verweis:hover {text-decoration:underline;color:#0000ff;background-color:transparent;font-size: 10pt;}
a.verweis:active {text-decoration:none;color:#123590;background-color:transparent;font-size: 10pt;}
</style>
</head>
<body>
<table style="text-align: left; width: 100%;">
<tr>
<td style="border: 1px solid #123456;text-align: left; line-height: 90%; background-color:#fff; width: 200px;">
<a href="#" class="verweis">Text1<br>Text2</a>


</td>
<td style="border: 1px solid #123456;">Hier steht irgendwas</td>
<td style="border: 1px solid #123456;">Hier steht nochwas</td>
</table>
</body>
</html>

Alles anzeigen

Michaela1986

Super!
Ich verwendete dies in meinem Script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Allerdings habe ich bei diesem:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
ein kleines Problem mit den Tabellenzeilen, die transparente *.gif enthalten. Sie haben dann nicht die von mir festgelegte Höhe. Dieses Problem ist mir im FF schon oft begegnet, was auch ein Grund für die Benutzung der o.g. Dtd darstellte.

Danke für die Hilfe. Damit bin ich schon einen Schritt weiter :klasse:

Simon1983

Bei Strict muss man sich auch sehr pingelig an sämtliche HTML Regeln halten, Fehler werden da bei weitem weniger akzeptiert/korrigiert/ignoriert.

bugcatcher

Auch wichtig: es gelten Teils andere Standard-(default-)Werte bei den Elementen.

Michaela1986

:? Mh, das merke ich...

Ich nutze nun
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Vielen Dank für eure Hife!