Suche auf lima-city
-
in: kleines Zentrierungsproblem - Hilfe
geschrieben von onlineuser
Hi,
thx für die Lösungen, jedoch, wenn ich einfach von oben nach unten "einrücke", dann interpretiert das der Firefox falsch. Der vergößert die Zelle dann einfach nochmal um die Pixelanzahl.
padding-top:4px;
Aha, das ist wohl ein Problem vom Quirks-Modus im IE, der das falsch macht. Aber wie kann ich verhindern, dass die Zellenhöhe nicht um das von oben eingerückte höher wird.
Liebe Grüsse. -
in: vertical-align
geschrieben von onlineuser
Warum funktioniert das Zentrieren einer Linkanweisung nicht voll automatisch. Er zentriert dann nur mehr horizontal, und das vertikale schreibt er immer ganz oben hin. :(
Gibts dafür denn keine Lösung?
<html> <head> <style type='text/css'> /*a { margin:0px; padding:12px 0px; display:block; height:26px; width:100px; text-align:center; background: #00dddd; border: 1px outset; text-decoration: none; }*/ a { display:block; height:300px; width:200px; text-align:center; vertical-align:middle; background: #00dddd; text-decoration: none; } a:hover { background: #dddddd; } </style> </head> <body> <a href='test.php'><span>Test</span></a> </body> </html> -
in: kleines Zentrierungsproblem - Hilfe
geschrieben von onlineuser
Hi,
hier mal mein Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href="format.css" type="text/css"> </head> <body> <table width="800" style="height:100%" align="center" border="0" cellspacing="0" cellpadding="0"> <tr><td height="*"></td></tr> <tr> <td height="500"> <!--<td height="500" align="center" valign="middle">Inhalt</td>--> <table width="800" align="center" border="0" cellpadding="0" cellspacing="0"> <tr><td id="menue_1"><a href="index.php?menu=s01" id="linkFormatMenu">Text1</a></td><td id="menue_2"><a href="index.php?menu=s02" id="linkFormatMenu">Text2</a></td><td id="menue_1"><a href="index.php?menu=s02" id="linkFormatMenu">Text3</a></td><td id="menue_2"><a href="index.php?menu=s02" id="linkFormatMenu">Text4</a></td><td id="menue_1"><a href="index.php?menu=s02" id="linkFormatMenu">Text5</a></td></tr> </table> </td> </tr> <tr><td height="*"></td></tr> </table> </body> </html> CSS-File: #linkFormatMenu { color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; } #menue_1 a { /*menue-grey*/ height:30px; width:160px; background-color:#808080; text-align:center; /*vertical-align:middle;*/ color:#FFFFFF; font-size:14px; font-weight:bold; display: block; } #menue_1 a:hover { /*menue-grey*/ height:30px; width:160px; background-color:#FF0000; text-align:center; color:#FFFFFF; font-size:14px; font-weight:bold; } #menue_2 a { /*menue-blue*/ height:30px; width:160px; background-color:#000080; text-align:center; /*vertical-align:middle;*/ color:#FFFFFF; font-size:14px; font-weight:bold; display: block; } #menue_2 a:hover{ /*menue-blue*/ height:30px; width:160px; background-color:#FF0000; text-align:center; color:#FFFFFF; font-size:14px; font-weight:bold; }
Folgendes Problem: Warum lässt sich der Text in den Zellen nicht vertikal zentrieren?
Hab schon alles versucht. Wenn ich im CSS-File das a bei #menue_1 weglasse, dann gehts mit der Zentrierung, nur füllt er dann nicht die gesamte Zelle beim mit der anderen Farbe an, wenn man über den Link fährt.
Hat jemand eine Idee?
Liebe Grüsse.