Loading...   Upload Image

Buttons bei Hover verrutschenForum » Webzone » (X)HTML & CSS » Buttons bei Hover verrutschen

Neues Thema verfassen Neues Thema

  • neomiiUser ist offline
    Beginner


    neomii

    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 verändert 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! :o

    Habe margins, paddings etc. (alles, was von diesen 1-2 Millimetern hätte abhängig sein können), ausgetauscht und ausprobiert, ob sich etwas verändert. Leider nirgendwo das gewünschte Endergebnis!

    Hat jemand eine Ahnung, woran es liegen könnte?

    Bei Bedarf stelle ich auch den CSS-Code rein!

    Liebe Grüße
    Neo



  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    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 } ...
  • neomiiUser ist offline
    Beginner


    neomii

    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



  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    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 } ...
  • neomiiUser ist offline
    Beginner


    neomii

    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 ..



  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    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 } ...
  • neomiiUser ist offline
    Beginner


    neomii

    Registriert: 03.02.2013
    Beitraege: 48

    04.02.2013 um 22:58 Uhr

    Ahhh mit F5 klappt´s ! :D Danke dafür! :)

    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 müsste doch dann mit einer padding Funktion zu machen sein, oder? (Da habe ich bisher nämlich immer nur eine Veränderung wahrgenommen.)



  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    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 } ...
  • neomiiUser ist offline
    Beginner


    neomii

    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) :)




[ 1 ] Seite 1 von 1


Affiliates:   Pat DG  •   Design Grafixx  •   Chibi Graphics  •   Gallery Yuri  •   The Seduction  •   Colorful Gfx  •   Blue-Graphics  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider