Webdesign in Siegen

Div Layer Mouseover

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

Div Layer Mouseover

Beitragvon veNom am 09.03.2007, 00:46

Hallo,

(wiedermal ?)

wie kann ich bei einen Div-Layer ein Mouseover machen?
Javascript, nur CSS?

ich bin bis jetzt immer gescheitert ... in den Layer soll dann noch ein Link stehen, aber unabhängig von doesen Link soll sich die Hintergrundfarbe des Div-Layers ändern wenn ich mit dem Cursor darüber fahre...
All you get is all you need
Benutzeravatar
veNom
Mitglied
 
Beiträge: 1660
Registriert: 29.12.2005, 23:31
Wohnort: Wien

Beitragvon d222 am 09.03.2007, 08:51

morgen

Wenn ich dein Problem richtig verstanden habe.

Du gibts deinem Link eine Größe und display:block,
über background-color kannst du dann im a:hover die Farbe ändern.

p.s
hier noch ohne link

für FF (CSS)
Code: Alles auswählen
#div{width:300px;height:300px;background:#666}
#div:hover{width:300px;height:300px;background:#000}


für IE
Code: Alles auswählen
<div id="div" onMouseOver="if(document.all)this.style.backgroundColor='black'"
onMouseOut="if(document.all)this.style.backgroundColor='#666'">
</div>


mfg
Zuletzt geändert von d222 am 09.03.2007, 09:17, insgesamt 1-mal geändert.
d222
Mitglied
 
Beiträge: 43
Registriert: 06.01.2007, 15:23
Wohnort: Berlin

Beitragvon veNom am 09.03.2007, 09:15

Naja, jein ... ich habe einen div layer wo dann text drinnen steht, der text ist der link, der div layer aber nicht. Wenn ich nun über eines den Div-Layer fahre mit dem Cursor soll sich die Farbe ändern.

Natürlich auch wenn ich auf dem Link bin, weils es ja auch im Layer ist ;)
All you get is all you need
Benutzeravatar
veNom
Mitglied
 
Beiträge: 1660
Registriert: 29.12.2005, 23:31
Wohnort: Wien

Beitragvon d222 am 09.03.2007, 09:20

dann variante 2 einfach nur nen Link noch in den div und fertig,
falls ich es jetzt richtig verstanden habe :)

mfg
d222
Mitglied
 
Beiträge: 43
Registriert: 06.01.2007, 15:23
Wohnort: Berlin

Beitragvon veNom am 09.03.2007, 09:34

also irgendwie will das nicht bei mir funktioniere ... o0?

Maybe is es für alle leichter wenn ich es mal online stelle ;)

Hier die Seite

Hab beide deiner varianten versucht, aber irgendwie will es einfach nicht funktionieren, grml.

PS: Nicht über die Hand wundern da ist kein Link, aber ich möchte das die User es im endeffekt als link erkennen...
All you get is all you need
Benutzeravatar
veNom
Mitglied
 
Beiträge: 1660
Registriert: 29.12.2005, 23:31
Wohnort: Wien

Beitragvon d222 am 09.03.2007, 09:43

also bei mir gehts

du musst aber auch schon den kompletten code kopieren da fehlt was

deins
onMouseOver="document.this.style.backgroundColor='#000000'"
onMouseOut="document.this.style.backgroundColor='#666'"

richtig
onMouseOver="if(document.all)this.style.backgroundColor='black'"
onMouseOut="if(document.all)this.style.backgroundColor='#666'"
d222
Mitglied
 
Beiträge: 43
Registriert: 06.01.2007, 15:23
Wohnort: Berlin

Beitragvon veNom am 09.03.2007, 10:18

oh ja... :? komisch Offline ging es nicht vorhin bei mir daheim ... najo ...

DANKE :) für die super hilfe :)
All you get is all you need
Benutzeravatar
veNom
Mitglied
 
Beiträge: 1660
Registriert: 29.12.2005, 23:31
Wohnort: Wien


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast