HILFE!!! Für CSS Menü

[Homer]

Hallo!

Warum sind die Links immer links oben und nicht in der Mitte?

CSS-Code:
a:link.menue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B90000; vertical-align:middle; text-decoration: none; width:127px; height:18px }

a:visited.menue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B90000; vertical-align:middle; text-decoration: none; width:127px; height:18px}

a:active.menue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B90000; vertical-align:middle; text-decoration: none; width:127px; height:18px}

a:hover.menue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #E4440E; vertical-align:middle; text-decoration: none; background-color:#F9DBBF; width:127px; height:18px}

.menue_td{background-color:#FECD98; border-color:#B90000; border-width:1px; border-style:solid; width:127px; height:20px; vertical-align:middle}

HTML-Code:
<table width="145" height="130" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="18" rowspan="11"><img src="../pics/px_leer.gif" width="18" height="130"></td>
    <td width="127" height="5"><img src="../pics/px_leer.gif" width="127" height="5"></td>
  </tr>
  <tr>
    <td width="127" height="20" align="left" valign="middle" class="menue_td"><a class="menue" href="#">Link1</a></td>
  </tr>
  <tr>
    <td width="127" height="5"><img src="../pics/px_leer.gif" width="127" height="5"></td>
  </tr>
  <tr>
    <td width="127" height="20" align="left" valign="middle" class="menue_td"><a class="menue" href="#">Link2</a></td>
  </tr>
  <tr>
    <td width="127" height="5"><img src="../pics/px_leer.gif" width="127" height="5"></td>
  </tr>
  <tr>
    <td width="127" height="20" align="left" valign="middle" class="menue_td"><a class="menue" href="#m">Link3</a></td>
  </tr>
  <tr>
    <td width="127" height="5"><img src="../pics/px_leer.gif" width="127" height="5"></td>
  </tr>
  <tr>
    <td width="127" height="20" align="left" valign="middle" class="menue_td"><a class="menue" href="#">Link4</a></td>
  </tr>
  <tr>
    <td width="127" height="5"><img src="../pics/px_leer.gif" width="127" height="5"></td>
  </tr>
  <tr>
    <td width="127" height="20" align="left" valign="middle" class="menue_td"><a class="menue" href="#">Link5</a></td>
  </tr>
  <tr>
    <td width="127" height="5"><img src="../pics/px_leer.gif" width="127" height="5"></td>
  </tr>
</table>

Gruß
Homer

[Joe King]

Tag!

Um ehrlich zu sein, glaube ich, dass keiner kapiert, was so wirklich dein Problem ist.
Beschreibs doch mal genauer!

Bis dann
Joe King

[Elya]

Hallo Homer,

Warum sind die Links immer links oben und nicht in der Mitte?

Mal abgesehen davon, daß eine Tabelle für eine Linkliste nicht die optimale Lösung ist...

a:link.menue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B90000; vertical-align:middle; text-decoration: none; width:127px; height:18px }

a.menue:link {...}

vertical-align ist meines Wissens nur für td-Elemente oder Elemente mit display:table-cell; gültig. Nimm dem Link mal die Höhe und probiere nochmal.

Ansonsten definiere für a.menue:link  {display:block;} und vergib passende padding-top- und padding-bottom-Werte.

.menue_td{background-color:#FECD98; border-color:#B90000; border-width:1px; border-style:solid; width:127px; height:20px; vertical-align:middle}

<td width="127" height="20" align="left" valign="middle" class="menue_td"><a class="menue" href="#">Link1</a></td>
  </tr>

Du mischst CSS- und HTML. Entscheide Dich für eins, am besten CSS ;-)

Gruß aus Köln-Ehrenfeld,

Elya

[MudGuard]

Hi,

a:link.menue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B90000; vertical-align:middle; text-decoration: none; width:127px; height:18px }

a.menue:link {...}

In CSS 2 bzw. 2.1 ist die Reihenfolge egal (aber IE ist ja noch weitestgehend auf dem Stand von CSS 1 …)

vertical-align ist meines Wissens nur für td-Elemente oder Elemente mit display:table-cell; gültig. Nimm dem Link mal die Höhe und probiere nochmal.

Nein, auch für inline-Elemente.

cu,
Andreas