LinkBack URL
About LinkBacks
ZitierenSchau Dir mal das an. Du möchtest doch einen Link erstellen, oder?
Hi!
ich möchte, dass sich die hintergrungfarbe eines divs ändert wenn der benutzer drüberfährt! mit javascript möchte ich es nicht lösen, da viele benutzer javascript deaktiviert haben. hab mich ein bisschen mit css und hover herumgespielt! und bin zu folgender idee gekommen:
so hab dann den FF angeworfen und der macht genau das was ich möchte. beim hovern des divs erscheint eine andere hintergrund farbe. nicht so der IE7!HTML-Code:<style type="text/css"> <!-- .Days { background-color:#B79100; } div.Days:hover { width:100%; height:10%; border-left:3px solid #000000; border-bottom:3px solid #000000; float:left; background-color:#FF9933; } --> </style> <div class="Days">TEXT TEXT TEXT</div>
gibt es eine möglichkeit den IE7 zu überreden, es auch so darzustellen? bzw kennt ihr ein workaround oder habt eine idee wie das auf den meisten browsern funzen könnte?
dank schon mal im vorraus
lg
sKaTeRpUnK
Schau Dir mal das an. Du möchtest doch einen Link erstellen, oder?
Back to business!
nein es geht nicht mit einem link
ich hab den code etwas verkürzt dargestellt... also ich habe eine art kalender mit einem raster von 7 mal 20! in jedem div sind verschiedene infos drin.
um das ganze übersichtlicher zu gestalten sollte sich der hintergrund des divs beim drüberfahren ändern! wenns geht ohne java script...
deswegen hab ich mich mit css gespielt! weiß auch nicht, ob das eine korrekte css anwendung ist, naja aber FF stellts richtig dar.
die lösung muss nicht unbedingt css basiert sein, aber die lösung sollte nicht von diversen einstellungen blockiert werden...
Ich habe jetzt lediglich nur etwas mit JavaScript gefunden:GrüßePHP-Code:<html>
<head>
<script language = "javascript" type = "text/javascript">
<!--
gOldTr = null;
function change (tr) {
if (tr != gOldTr)
tr.style.backgroundColor= "red";
}
function unchange (tr) {
if (tr != gOldTr) tr.style.backgroundColor= "white";
else tr.style.backgroundColor = "green";
}
function mark (tr) {
tr.style.backgroundColor = "green";
if (gOldTr) gOldTr.style.backgroundColor = "white";
gOldTr = tr;
}
//-->
</script>
<body>
<table border = 1>
<tr onmouseover = "change(this)" onmouseout = "unchange(this)" onclick = "mark(this)"><td> Mustertext 1 </td> </tr>
<tr onmouseover = "change(this)" onmouseout = "unchange(this)" onclick = "mark(this)"><td> Mustertext 2 </td> </tr>
</table>
</body>
<html>
Michael
Back to business!
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
