css

lumich

tag leute

kurze frage ...

wenn ich über einen hyperlink fahre soll der text für den der steht 10px nach unten rücken aber nur dieses eine wort der rest soll sich nicht verändern ... kann man das in der css regeln ? und wenn ja bitte wie?

driver

- beim hover befehl
- mittels padding-top oder margin-top
- am besten die line-height etwas erhöhen..

lumich

öööhm den gedanken hatte ich auch schon aber irgendwas schein ich vergessen zu haben liegts vielleicht daran das sich das ganze in nem div versteckt?

Code

a.hover


				{
					margin-top: 10px;
					line-height: 50px;

					font-family: tahoma;
					font-size: 10px;
					color: #404045;
				}

Alles anzeigen

driver

mach mal aus a.hover ein a:hover

sejuma

Probiers mal bei a:hover mit

Code

vertical-align:-10px;

lumich

geht au ned ... noch wer ne idee

sejuma

Der FF aht mit den align-Befehlen Probleme. Im IE geht's teilweise.
So geht's bei mir in beiden:

Code

a:link, a:visited
{
line-height:50px;
color:#00008b;
font-weight:500;
text-decoration:none;


}


a:hover
{
line-height:50px;
color: #404045;
display:block;
padding-top:10px;
}

Alles anzeigen

lumich

jo das reicht mir schon ... danke

Lizzard

wenn ihr jetzt noch das "display: block;" in das CSS von a:link reinpackt, dürfte es auch der IE hinbekommen ohne probleme.
Ihr müsst immer dran denken, dass nur Blockelemente Eigenschaften wie Margin und Padding richtig nutzen können!

Tags