Menü :: Icons und Links auf gleiche Höhe bringen

[jeseix]

Moin,

ich steh grad echt auf'm Schlauch. Ich habe ein Menü. Dieser enthält Links mit Icons davor (in verschiedenen Größen, relevant?).
[b]Hier die Demo:[/b] [url=http://nobody92.bplaced.net/demo/]Klick mich![/url]
Das Problem ist, dass die Links etwas nach unten gesetzt sind, ich hoffe, ihr versteht was ich meine. Wie kann ich dieses Problem lösen?

Habe bereits gegoogelt, aber bisher hat mir nichts weitergeholfen.

LG,
jeseix.

[Alex]

Hi jeseix,

line-height sollte da helfen.  Gleich der höhe der Icons setzen.

Gruß,
Alex

[paierlep]

hallo!

Ich hätte es total anders gelöst:

#menu a#IDdesLinks:after{

content:"\00A0" url(/* Url des Bildes */);

}

oder

a#IDdesLinks{
   background:url(../images/linkzeiger_text_hover.gif) no-repeat left bottom;
}

müsstest halt die Verweise einzeln mit IDs ausstatten

Grüße,
paierlep

[jeseix]

Hallo,
danke für eure Antworten.

@Alex line-height hilft in dieser Situation nicht weiter.

@paierlep Und eine Möglichkeit mit meinem Code siehst du nicht? Ich würde wirklich gerne diese Form behalten, da ich es später evtl. wieder anpassen muss un mich noch nicht sooooo gut auskenne.

LG,
jeseix.

[paierlep]

Das geht auch, is aber bei weitem net so elegant, weil du erst recht jedes Bild einzeln ansprechen musst und wenn du dann ein Bild änderst erst wieder alles ändern musst...

#menue img{
 position:relative;
 top:2px;
        left:0px;
}

Grüße