Ergebnis 1 bis 4 von 4

Thema: CSS Button

  1. #1
    Azubi(ne)
    Registriert seit
    18.04.2010
    Beiträge
    83
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Button

    Hallo,

    Hab n Problem mit meinen Button. Sie bestehen aus Bilder und bei Hover wird das Bild mit einem andren Bild gewechselt. Nur der wechsel bei Mouse Over klappt nicht.

    HTML-Code:
    ul {
      margin: 0;
      padding: 0;
      width: 640px;
      height: 96px;
      float: right;
      list-style: none;
       
    }
    
    
    
    li#a {
    width: 160px;
    height: 96px;
    float: left;
    background-image: url('button.jpg');
    }
    li#a:hover, {
    width: 80px;
    height: 96px;
    background-image: url('buttonhover.jpg');
    }
    
    
    li#b {
    width: 80px;
    height: 96px;
    float: left;
    background-image: url('button2.jpg');
    }
    li#b:hover, {
    width: 80px;
    height: 96px;
    background-image: url('button2hover.jpg');
    }
    
    
    
    li#c {
    width: 80px;
    height: 96px;
    float: left;
    background-image: url('button3.jpg');
    }
    li#c:hover, {
    width: 80px;
    height: 96px;
    background-image: url('c2.png');
    }
    
    
    
    li#d {
    width: 80px;
    height: 96px;
    float: left;
    background-image: url('button4.jpg');
    }
    li#d:hover, {
    width: 80px;
    height: 96px;
    background-image: url('d2.png');
    }
    
    
    
    li#e {
    width: 80px;
    height: 96px;
    float: left;
    background-image: url('button5.jpg');
    }
    li#e:hover, {
    width: 80px;
    height: 96px;
    background-image: url('e2.png');
    }
    
    
    
    li#f {
    width: 80px;
    height: 96px;
    float: left;
    background-image: url('button6.jpg');
    }
    li#e:hover, {
    width: 80px;
    height: 96px;
    background-image: url('e2.png');
    }
    
    
    
    li#g {
    width: 80px;
    height: 96px;
    float: left;
    background-image: url('button7.jpg');
    }
    li#e:hover, {
    width: 80px;
    height: 96px;
    background-image: url('e2.png');
    }
    
    
    li a {
    display: block;
    width: 80px;
    height: 96px;
    
    }

    Kann mir bitte einer weiterhelfen?

    MfG
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS Button

    Pack beide bilder in eine datei und arbeite mit background-position;
    EDIT:
    Zitat Zitat von Grevas Beitrag anzeigen
    Was jetzt natürlich nichts mit dem Problem zu tun hat
    Natürlich nicht, aber es erreicht, was er will und erhöht die Performance der Page
    Geändert von Tobse (05.08.2010 um 23:12 Uhr)
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  3. #3
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: CSS Button

    Was jetzt natürlich nichts mit dem Problem zu tun hat

    Lad die Seite irgendwo mal hoch, damit man etwas mehr sehen kann.

  4. #4
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: CSS Button

    Du hast hier einen Schreibfehler:

    Code:
    li#a:hover, {
    Komma weg, dann sollte es gehen.

Ähnliche Themen

  1. #top Button
    Von CRAZY TRAIN im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 09.07.2008, 20:00
  2. New & Old Button
    Von Lil im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 07.03.2007, 21:24
  3. Button
    Von Gigazone im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 26.07.2005, 17:54
  4. button
    Von davidos_no.1 im Forum Flash Forum
    Antworten: 14
    Letzter Beitrag: 01.07.2005, 17:04
  5. mp3 per button
    Von jochen philipp im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.06.2004, 12:18

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •