Text und Bild gleichzeitig hover effekt farbe ändern

[Souccot]

Hi Leute,

ich habe eine Liste.
Angehängt ist ein Eintrag.

Bei mouse over soll der Text links rot werden und das Bildrechts.
Gleichzeitig.
Wie auf dem Bild.

Wie bekomme ich das hin?

Danke für eure Hilfe!

 

[Imbericle]

Hi Leute,

ich habe eine Liste.
Angehängt ist ein Eintrag.

Bei mouse over soll der Text links rot werden und das Bildrechts.
Gleichzeitig.
Wie auf dem Bild.

Wie bekomme ich das hin?

Danke für eure Hilfe!

Ich würde es so machen:

<p id="Überschrift">Sonderzeichen</p>

css:

p#Überschrift
{
/*  +++ angaben zur Schriftformatierung */
width: 75%;
background-image: white url() scroll no-repeat left;
}
p#Überschrift:hover
{

/*  +++ ANDERE angaben zur Schriftformatierung */
width: 75%;
background-image: white url() scroll no-repeat right;  /* andere URL des Bildes*/
}

Falls das Detail Dingens, noch eine spezial funktion haben sollte, so machs du einfach ein 2. p das in das erste hineinkommt und formatierst es dann in der art wie

p#Überschrift p#inneresP
{
position: relative;
right:0px;
/*background blaaaaaaaaaaaaaaaa*/
}

Und ein hover setzte dann auf die Überschrift, dass wenn die Überschrift gehovert wird, das darin enthaltene Element sich verändert

p#Überschrift: p#inneresP
{alle angaben wie zuvor beim inenerenP, nur ein anderes Hintergrundbild.}

es könnten fehler im code sein, aber es soll ja nur zum verständnis sein

MfG

 

[mermshaus]

<p id="Überschrift">Sonderzeichen</p>

Kommt dir hieran nichts seltsam vor? :)

 

[Imbericle]

Nein, ich habe ein Beispiel gemacht, bei dem ich p nahm, weil es am neutralsten war.
Ich habe auch keine Textformatierung gemacht.

Wer sagt außerdem das es ne Überschrift ist, dass hat er nirgends beschrieben.
Ich hab mir irgendne Id ausm Po gezogen^^

Es ist doch schnuppe, es ist ein Beispiel, Fehler sind sicherlich auch drin, von daher wen juckts`?

MfG