links mit grafiken

[herbertd]

hallo selfhtml team,

ich hab ein problem mit meinem css, und zwar woechte ich das vor einem link der navigation eine kleine grafik eingefuegt wird. diese grafik soll sich genau (vertikal)mittig zum text ausrichten. soweit funktioniert as ja ganz gut, bis auf die ausrichtung. jemand eine idee?

ich maile auch gerne interesierten die css datei!

hier der link zur seite:

http://www.egomedia.de/preview/hyginst/

auszug aus der css:

a:link.bild_link {
vertical-align: center;
color: #000000;
text-decoration: none;
font-size: 12pt;
font-weight: bold;
padding-left: 20px;
padding-bottom: inherit;
background-image: url(nav_arrow.gif);
background-repeat: no-repeat;
}

a:visited.bild_link {
vertical-align: center;
color: #000000;
text-decoration: none;
font-size: 12pt;
font-weight: bold;
padding-left: 15px;
padding-bottom: inherit;
background-image: url(nav_arrow.gif);
background-repeat: no-repeat;
}

a:active.bild_link {
vertical-align: center;
color: #000000;
text-decoration: none;
font-size: 12pt;
font-weight: bold;
padding-left: 15px;
padding-bottom: inherit;
background-image: url(nav_arrow.gif);
background-repeat: no-repeat;
}

a:hover.bild_link{
vertical-align: center;
color: #0000FF;
text-decoration: none;
font-size: 12pt;
font-weight: bold;
padding-left: 15px;
padding-bottom: inherit;
background-image: url(nav_arrow.gif);
background-repeat: no-repeat;

[Marc Reichelt]

Hallo herbertd,

vielleicht suchst du statt deinem
vertical-align: center;

eher folgendes:
vertical-align: middle;

Die Eigenschaft "center" gibt es bei _vertical_-align nämlich nicht... ;-)

Bis dann!

Marc Reichelt || http://www.marcreichelt.de/

[moni]

Hi!

ich schlage vor dass Du mit margin arbeitest. Vertical-align klappt nur bei tabellenzellen. mit margin-top und margin-left kannst Du präzise positionieren. So mach ichs jederfalls ;)

liebe grüsse
moni

[MudGuard]

Hi,

ich hab ein problem mit meinem css, und zwar woechte ich das vor einem link der navigation eine kleine grafik eingefuegt wird. diese grafik soll sich genau (vertikal)mittig zum text ausrichten. soweit funktioniert as ja ganz gut, bis auf die ausrichtung. jemand eine idee?
http://www.egomedia.de/preview/hyginst/
a:link.bild_link {

Es gibt Browser, die vertragen den Unterstrich in Klassennamen nicht ==> bildLink
Es gibt Browser, die wollen die Pseudo-Selektoren am Ende ==> a.bildLink:link

vertical-align: center;

Unzulässiger Wert, muß vom Browser ignoriert werden.

background-image: url(nav_arrow.gif);
background-repeat: no-repeat;

Du willst das Hintergrund-Bild ausrichten? Dann nutze background-position

cu,
Andreas

[herbertd]

danke fuer eure hilfe, werd mich gleich daran machen.