Hab hier ein CSS Code für ein Bild das sich per mouseover verändert. Es funktioniert per geteiltem Foto, also bei keiner Berührung wird die obere Seite des Fotos angezeigt, und bei mouseover die untere. Wollte jetzt aber mehrere Fotos mit diesem Effekt einfügen und irgehntwie kommt immer das gleiche raus obwohl die CSS id und so anders ist...

Also das ist der CSS Code:


#switch {

}

h1 a {
display: block; width: 800px; height: 85px;
background: url(Bild.png)
}
h1 a:hover, h1 a:focus { background: url(Bild.png) bottom; }

ul.nav {


}


Und das der HTML Code:

<div id="switch">
<h1><a href="blabla.html"></a></h1>

Wenn ich nun in meiner CSS Datei 2 dieser Teile tue, und natürlich die id,Größe, und Datei ändere, kommt dann 2x das erste Foto.. Vielleicht weis einer was falsch ist.

Danke im Voraus

Kevin

Ist ja auch logisch, wo steht denn das du explizit das h1 im einen oder anderen Div ansprichst?

setz doch jeweils die entsprechende ID vor das h1.

__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?

Ein Link wäre hilfreich.

Sry aber ich kenne mich nicht gut mit CSS aus, und hab ungefähr nichts verstanden... Kannst du pls den Code ändern und posten xD

Danke im Voraus

ach wie gut das ich grade gut drauf bin und deine arbeit übernehme... ich ändere den Post aber nicht, ich erkläre dir mal wie sich das verhält du hast 2 div

div mit der id bla und div mit der id blo

Beide enthalten ein h1 das ein Hintergrundbild hat.
du schreibst in deiner Regel für h1 das es das hintergrundbild ändern soll schreib doch einfach mal #ideinesdivs h1 { deine regel mit dem Hintergrundbild }

So, noch einfacher kann man es nicht erklären..

__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?

Okay ich versuche es mal xD Danke ;D

Perfekt danke!