doppel hover

[Marti95.]

Hallo

Ich habe eine frage:

Ich habe 3 Buttons. Wenn ich jetzt über 1 Button fahre, soll bei den anderen auch der Hover effekt ausgeführt werden.

Wie mache ich das?


Greet
Marti95.

 

[vitus37]

Du könntest alle drei Buttons in ein DIV packen und dann beim DIV ein hover machen.
etwa so:

<div id="buttons">
    <input type="button" ...>
    <input type="button" ...>
    <input type="button" ...>
</div>

und css:

#buttons:hover input{
  /*Eigenschaften*/
}

 

[Marti95.]

Ups, habe was vergessen zu schreiben, die Buttons sind grafiken
Also es sind reine Divs, wen man über 1 Div fährt sollten bei den anderen Divs auch der hover effekt kommen.

Jetzt ist es besser

Entschuldigt mich für den fehler.

//EDIT:
Es sind 3 verschiedene Buttons
Also #div1, #div2, #div3

Nochmals:
Entschuldigung für mein formullierungs fehler!

 

[_Thor_]

Warum sind es divs, wenn du eigentlich Grafiken hast? Für Grafiken benutzt man <img>, Hintergrundbilder werden per CSS eingebunden.

Was genau hast du jetzt also vor? Gehören die Buttons zu einem Formular, oder sind es Links, oder einfache Grafiken?

 

[Marti95.]

Ahja, stimmt eigentlich :S

.taskbar_bt_left,
.taskbar_bt_bg,
.taskbar_bt_right {
    background: url(../images/taskbutton.gif) repeat-x;
    float: left;
    height: 28px;
}

.taskbar_bt_left {
    background-position: 0 0px;
    width: 4px;
}

.taskbar_bt_left:hover {
    background-position: 0 -252px;
}

.taskbar_bt_bg {
    background-position: 0 -56px;
}

.taskbar_bt_bg:hover {
    background-position: 0px -308px;
}

.taskbar_bt_right {
  width: 4px;
    background-position: 0 -28px;
}

.taskbar_bt_right:hover {
  width: 4px;
    background-position: 0px -280px;
}

  <div class="taskbar_bt_left"></div>
  <div class="taskbar_bt_bg">Hello</div>
  <div class="taskbar_bt_right"></div>

Es sind eigentlich nur grafiken in ner Div...

//EDIT:
Jetzt weiss ich wieder wieso in der DIV :)
Weil die Buttons ned beschriftet sind, ich beschrifte Sie per HTML code.

 

[_Thor_]

Also möchtest du eigentlich ein Hintergrundbild hinter einem Text haben, denn die Funktion eines Buttons (Absenden eines Formulars) hast du hier nicht.

 

[Marti95.]

Einfach ein paar hintergrundbilder als buttons.
Genauer gesagt der Button ist 3 teilig. und wen hover sollte er ganz hoverisiert sein.