Buttons bei Hover verrutschen

Neues Thema verfassen Neues Thema

neomii
Beginner

Registriert: 03.02.2013
Beitraege: 48

04.02.2013 um 17:38 Uhr

Guten Abend!

Mein Design hat einen kleinen Makel! Im Dreamweaver ist der Hover der Buttons so wie er sein soll: Button verndert sich, verrutscht aber nicht. Ist die Seite hochgeladen, verrutschen die Buttons beim Hover um 1-2 Millimeter nach rechts. Scheint nicht weiter tragisch zu sein, ist mir aber ein Dorn im Auge!

Habe margins, paddings etc. (alles, was von diesen 1-2 Millimetern htte abhngig sein knnen), ausgetauscht und ausprobiert, ob sich etwas verndert. Leider nirgendwo das gewnschte Endergebnis!

Hat jemand eine Ahnung, woran es liegen knnte?

Bei Bedarf stelle ich auch den CSS-Code rein!

Liebe Gre
Neo

Antworten Zitat
Alice
Admin

Registriert: 14.12.2006
Beitraege: 1058

04.02.2013 um 21:18 Uhr

Guten Abend Neomi,

ein Link zur Seite, wo man das Ganze live und in aktion betrachten koennte, waere von Vorteil =)

Liebe Gruesse
Alice

... { signatur } ...

Antworten Zitat
neomii
Beginner

Registriert: 03.02.2013
Beitraege: 48

04.02.2013 um 21:27 Uhr

Hallo Alice

Hier ist der Link: niora.pf-control.de/

LG Naomi

Antworten Zitat

Alice

Admin

Registriert: 14.12.2006
Beitraege: 1058

04.02.2013 um 22:40 Uhr

Du musst einfach nur bei ul.nav a:hover in der CSS Datei das margin-left: 2px; entfernen, dann verrueckt es nicht mehr

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background-image: url(http://niora.pf-control.de/bilder/bh_natbutus02.jpg);
	color: #c4d08e;
	padding: 0px;
	display: block; 
	height: 15px;
	width: 162px;  
	text-decoration: none;
	border-bottom: 1px dotted #49513b;
	
	
}

... { signatur } ...

Antworten

Zitat

neomii
Beginner

Registriert: 03.02.2013
Beitraege: 48

04.02.2013 um 22:43 Uhr

Eben nicht. Das habe ich schon ausprobiert. Habe es nochmal rausgesetzt.
Man sieht noch keinen Unterschied ..

Antworten Zitat
Alice
Admin

Registriert: 14.12.2006
Beitraege: 1058

04.02.2013 um 22:53 Uhr

Mhh, wenn ich mittels Firebug die CSS Angabe entferne sehe ICH zumindest keine Verschiebungen mehr und jetzt nach dem du das auch bei dir abgeaendert hast, sehe ich es auch nicht mehr.

Aktualisiere mal die Seite paar mal bei dir im Browser,
vielleicht haengt die CSS Datei irgendwo im Cache,
so dass die Aenderungen nicht wirklich sichtbar sind bei dir!

Ich seh auf alle Faelle jetzt nix mehr verschieben!

... { signatur } ...

Antworten Zitat
neomii
Beginner

Registriert: 03.02.2013
Beitraege: 48

04.02.2013 um 22:58 Uhr

Ahhh mit F5 klappts ! Danke dafr!

Es sind doch immer die kleinen Dinge, die nicht wollen *.*

Allerdings ist jetzt das Abstand zwischen den Buttons sogut wie gar nicht mehr vorhanden. Bewirkt margin nun also eine Verschiebung zur Seite und nach unten gleichzeitig?
Das msste doch dann mit einer padding Funktion zu machen sein, oder? (Da habe ich bisher nmlich immer nur eine Vernderung wahrgenommen.)

Antworten Zitat
Alice
Admin

Registriert: 14.12.2006
Beitraege: 1058

04.02.2013 um 23:03 Uhr

Margin ist so zu sagen der Aussenabstand und Padding der Innenabstand, probier einfach mal etwas herum.

Du kennst ja jetzt deine F5 Taste

... { signatur } ...

Antworten Zitat
neomii
Beginner

Registriert: 03.02.2013
Beitraege: 48

04.02.2013 um 23:07 Uhr

Ja, vielen Dank!!

P.S.: Schau mal bei mir unter "Info" unter dem Punkt "Wie wurde diese Homepage erstellt?" (vorletzter Satz)

Antworten Zitat