PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Probleme bei Vertikaler Ausrichtung eines Links!


Distructive
03.03.2007, 16:46:51
Hi ich habe folgenden CSS Style


.browser_link A:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
padding-left:10px;
vertical-align:middle;
font-style:oblique;
}
.browser_link A:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
padding-left:10px;
vertical-align:middle;
font-style:oblique;
}
.browser_link A:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
padding-left:10px;
vertical-align:middle;
font-style:oblique;
}


und verwende diesen hier:





<td width="440" valign="top" class="browser_link">
<!--DWLayoutEmptyCell-->

<a href="start.php?site=browser&folder=<? echo $parent ?>"> Parent Folder </a>

</td>



Doch leider richtet es mir den Link dann nicht vertikal aus. Wenn ich es nicht als Link mache, dann funktioniert das vertikale ausrichten immer, nur sobald ich es mit einem link versuche geht es nicht! Hat da jemand ne Idee?


Schonmal danke im vorraus!

|Coding
03.03.2007, 17:24:32
Die Zelle ist ja nicht höher als der Text hoch ist, wie soll das dann auch funktionieren?

Distructive
03.03.2007, 18:44:30
die Zellenhöhe ist 30px.. hier gesamter code:



<tr>
<td height="24" valign="top">
<table width="480" border="0" cellpadding="0" cellspacing="0" class="browser_out_box">
<!--DWLayoutTable-->
<tr>
<td width="40" height="30" valign="top">
<!--DWLayoutEmptyCell-->
<img src="/interface/bilder/parent_folder.gif" width="40" height="30" />
</td>

<td width="440" valign="top" class="browser_link">
<!--DWLayoutEmptyCell-->

<a href="start.php?site=browser&folder=<? echo $parent ?>"> Parent Folder </a>

</td>
</tr>
</table>
</td>
</tr>





Also an der höhe liegt es nicht... oder muss ich in der zelle noch die höhe angeben damit er es ausrichtet?

Andes
03.03.2007, 19:02:35
Die Formatierung soll eigentlich für den Link sein und nur die Ausrichtung für die Zelle. Dann solltest du dies auch so definieren und die class="browser_link" dem a-Tag zuweisen.
Zudem weißt du ja der Zelle valign="top" zu. Ja was den nun, mittige oder obere Ausrichtung.
Wenn du dies weg lässt wird schon automatisch ohne extra CSS der Inhalt der Zelle mittig ausgerichtet.
Wo ist überhaupt der Unterschied zwischen deinen Link-Status? Die haben ja alle die gleichen Definitionen.

Edit:
Bei deinem CSS würde dies völlig ausreichen.

a.browser_link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
padding-left:10px;
font-style:oblique;
}

<td width="440">
<!--DWLayoutEmptyCell-->
<a href="start.php?site=browser&folder=<? echo $parent ?>" class="browser_link"> Parent Folder </a>
</td>

Distructive
03.03.2007, 19:07:48
Ok hab das directe valign top übersehen, da ich das ganze aus verschiedenen code-schnipseln von mir zusammenbastel und klar die links sind so noch identisch, aber das ist nur, weil es sich noch in der aufbauphase befindet. Ok ALso vielen vielen dank!!!!!!!!