Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „css onmouseover“

bernte

Nicht mehr ganz neu hier

he.. hab hier mal was nachgebastelt...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<table>
<td width="400" onMouseOver="style.backgroundColor='#333333'"; onMouseOut="style.backgroundColor='#DEDEDE'" bgcolor="#DEDEDE"><br />
<br />
<br />
<br />
</td>
</table>
</body>
</html>



nun meine frage... geht das auch genauso mit einem hintergrundbild?
ich will bild1 sichtbar haben und wenn man mit der maus rübergeht bild2 sehen! nur in css... ohne javascript

gruss berni
 

xero7

» Unterdrück(t)er

AW: css onmouseover

Klar geht das:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <style type="text/css">
 <!--
       a           { display:block; 
                     background-image:url(name.jpg);
                     width:120px; height:30px }
       a:hover     { background-image:url(name.jpg); }
 -->
 </style>
</head>
<body>
  <p><a href="#">Home</a></p>
</body>
</html>
 

bernte

Nicht mehr ganz neu hier

AW: css onmouseover

geht das nur bei einem link?
ich bräuchte das ohne link.. geht das auch?

weil meine version ist auch ohne link...

gruss berni
 

Duddle

Posting-Frequenz: 14µHz

AW: css onmouseover

Deine Version nutzt auch JavaScript, nicht CSS als Auslöser.
Rein CSS-gestützt geht es streng genommen nur bei Links, mit JavaScript kannst du dagegen eigentlich alles austauschen.


Duddle
 
S

Stupitus19

Guest

AW: css onmouseover

Also mit CSS würde ich es so machen:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
 <!--
		.box:hover	{ 
			background-color:#333333;
			width: 400px;
			height: 200px;
			}
		.box	{	 
			background-color:#DEDEDE;
			width: 400px;
			height: 200px;
			}
 -->
 </style>
</head>
<body>
  <div class="box"></div>
</body>
</html>

Gruss
 
J

jonas93

Guest

AW: css onmouseover

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
.box:hover {
background-image:
url('deinonmouseoverbild.jpg');
width: 400px;
height: 200px;
}
.box {
background-image:url('deinbild.jpg');
width: 400px;
height: 200px;
}
-->

</style>
</head>
<body>
<div class="box"></div>
<br /><div style="z-index:3" class="smallfont" align="center">Content Relevant URLs by <a rel="nofollow" href="http://www.crawlability.com/vbseo/">vBSEO</a> 3.0.0 RC8</div></body>
</html>

Funktioniert in Firefox, IE7 und so ziemlich allen anderen. Mit JavaScript auch im IE6

 

bernte

Nicht mehr ganz neu hier

AW: css onmouseover

danke hat alles geklappt :D

im ie6 gehts nicht.. ist aber egal... der effekt bleibt einfach aus... ist also nicht dramatisch und stört auch nicht!

gruss berni
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.224
Neuestes Mitglied
Aliyah79
Oben