Verschiebung in Topmenu bzw. Menüleiste

[peterpan19]

Hallo,
es ist zwar nicht so dramatisch, aber es stört mich. In meinem Topmenu werden alle anklickbaren Links, z.B. Startseite, Warenkorb... beim Drüberfahren mit der Maus vergrößert und in der Farbe geändert. Dies wird über die stylesheet Topmenu a:hover realisiert. Wenn  man genau hinschaut, schieben sich bei dem Drüberfahren mit der Maus alle anderen Links ein wenig nach rechts und genau das stört mich. Leider habe ich bisher nicht heraus gefunden, woran das liegt. Ich wäre euch sehr dankbar, wenn ihr eine Lösung dafür hättet.

Link zum Shop



Linkback: https://www.modified-shop.org/forum/index.php?topic=11300.0

[masupilami]

Hallo,

die kleine Verschiebung kommt durch den Hoover, irgendwo muß da "bold" stehen, wenn Du das raus nimmst, wird beim mit der Maus drüberfahren die Schrift nicht fett geschrieben und somit verschiebt sich auch nichts.

Ich hoffe, ich konnte Dir helfen...

(Und werde jetzt nicht verleitet bei Dir einzukaufen)

in der Stylesheet.css

Code: CSS  [Auswählen]

#topmenu a:hover {
    color: #701763;
    font-weight: bold;
    text-decoration: underline;
 

Grüße,

SABRINA

[peterpan19]

Hallo Sabrina,

vielen Dank für deine Antwort! Leider ist ja genau DAS das Problem. Es soll ja BOLD sein beim Drüberfahren. Habe es auch schon mit margin, padding versucht, aber egal was ich da eintrage, die Verschiebung ist immer da. Vielleicht noch eine Idee?
Gruß

[Tomcraft]

Das wirst du nicht ändern können, es sei denn, du findest einen Font, wo die Buchstaben in "bold" genau so breit sind, wie die "normal" breiten.

Grüße

Torsten

[h-h-h]

stylesheet.css
suche

Code: CSS  [Auswählen]

#topmenu li {

ersetze

Code: CSS  [Auswählen]

        padding: 0px 25px;

mit

Code: CSS  [Auswählen]

width:100px;
padding:0 10px;
text-align: center;

Dieses Problem lässt sich nur mit einer fixen Breite beheben.

Gruß

h-h-h

[Tomcraft]

Bist du dir sicher, dass sich die Buchstaben so "einsperren" lassen?

Grüße

Torsten

[h-h-h]

Grüße Dich!
Jupp, hab ich gerade direkt an dem Shop "lillested" getestet.
Daher auch die exakten Daten.

Gruß

h-h-h

[Tomcraft]

Das wusste ich nicht, dass man ganze Wörter auch "stauchen" kann?

Grüße

Torsten

[peterpan19]

Vielen Dank h-h-h    Manchmal ist es so einfach, schäm...