CSS: mit 'hover' text vergrößern

Computer: Software & Programmierung HTML & CSS
#1

Hallo!

Problemstellung:
Meine Seite hat Textzeilen mit einzelnen Wörtern die verlinkt sind und beim Passieren mit der Maus die Textgröße ändern.

Problem:
Funktioniert soweit gut, nur dass sich der folgende Text nach unten verschiebt und nach rechts verschiebt, sowie auch die betreffende Zeile sich bewegt.

Kennt jemand bessere Lösungen?

Besten Dank

---------- Hier ein Beispielcode: -----------
TESTseite hover
.HPMStart{
font-size: 12pt;
text-align: left;
vertical-align: text-bottom;
}
.HPMStartlink:link{
COLOR: #FFFFFF;
font-size: 12pt;
text-align: left;
width: 130%;
margin-right: 20px;
margin-top: 20px;
}
.HPMStartlink:visited{
COLOR: #FFFFFF;
font-size: 12pt;
text-align: left;
/* width: 130%; */
margin-right: 20px;
margin-top: 20px;
}
.HPMStartlink:hover{
COLOR: #FFFFFF;
font-size: 14pt;
text-align: left;
/* width: 0%; */
margin-right: 0px;
margin-top: 0px;
}
.TD{
line-height: 30pt;
border: 0px none;
padding-left: 10px;
}

 

Punkt 587

English version

Startseite

Huber Sepp

Punkt 000

Punkt 22

Punkt 44

Punkt 55

Punkt 66

Punkt 77

Punkt 88

Punkt 99

Punkt 111

Punkt 333

Herzlich willkommen.

Informationen
zu meinem Werdegang finden sich
im CV.
Sehen
Sie hier mehr zum aktuellen Thema.
Aktuelle …
Die
Abteilung Zum St… enthält Veröffenlichungen.
Gibt
es Reaktionen
der Medien?
Veranstaltungen
sind unter Events
zu finden.
 

 

 

#2

Hallo!

Problemstellung:
Meine Seite hat Textzeilen mit einzelnen Wörtern die verlinkt
sind und beim Passieren mit der Maus die Textgröße ändern.

Problem:
Funktioniert soweit gut, nur dass sich der folgende Text nach
unten verschiebt und nach rechts verschiebt, sowie auch die
betreffende Zeile sich bewegt.
[…]

aber was soll denn sonst passieren?
Wenn ein Stueck Text groesser wird, dann muss der Rest wegruecken.
Das beschriebene Verhalten sieht zwar immer recht bloed aus aber ist sehr logisch.

Christian
http://www.html-workshop.de

#3

Hi PsychoTom,

setze doch einfach in der STYLE-Abteilung auch noch „line-height“ z.B. auf mindestens 14pt setzt.
Dann „weiß“ der Browser schon vorher, wie weit die nächste Zeile entfernt sein muß.
Das Problem der seitlichen „Ausdehnung“ kannst Du damit allerdings nicht so ohne weiteres lösen, d.h. je nach Auflösung / Browser können unerwünschte Wortverschiebungen auftreten (häufig leider auch auf „professionellen“ Seiten zu durchleben - versuche mal einen Link anzuklicken, der ständig hin und her springt).
Mein Tip: gleiche Zeichengröße /-stil, lieber mit Farbhinterlegung / -wechsel arbeiten…

CU (M)ike