Datenschutzerklärung

css hover mit mehr farben?

Validome - Forum

 Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Allgemeine Diskussionen /

css hover mit mehr farben?

   Beitrag schreiben
Autor
Beitrag Seiten: 1
y4m4
Mitglied

Ort: München
Registriert: 29.11.2007
Beiträge: 15
Hi

ich habe hier eine kleine info box mit css gebstelt, und würde gerne, wenn ich sie hover, das die farben z.b rot gelb gruen nacheinander im hover erscheinen.
ist das moeglich?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
padding-top:130px;
}

#box {
color:black;
background-color:transparent;
position:absolute;
top:100px;
left:30px;
z-index:1;
}

#box a {
color:#cccccc;
background-color:#b8ab8f;
font-family:arial, sans-serif;
font-size:100%;
font-weight:bold;
text-decoration:none;
display:block;
padding:5px;
border-top:2px solid #e4d9c0;
border-right:2px solid #837c6b;
border-bottom:2px solid #837c6b;
border-left:2px solid #e4d9c0;
}

#box a:visited {
color:#f6e4c1;
background-color:#b8ab8f;
}

#box a:hover {
color:#f6e4c1;
background-color:#b8ab8f;
text-decoration:none;
width:400px;
border-top:2px solid #837c6b;
border-right:2px solid #e4d9c0;
border-bottom:2px solid #e4d9c0;
border-left:2px solid #837c6b;
}

#box a:active {
color:#f6e4c1;
background-color:#b8ab8f;
}

#box a .info {
display:none;
}

#box a:hover .info {
color:black;
background:#b8ab8f;
font:14px courier,sans-serif;
display:block;
padding:5px;
text-align:justify;
}
-->
</style>

</head>

<body>

<div id="box">
<a href="#">CSS ist schoen :D <span class="info">Ich bin eine info box in die man viel text reinquetschen kann :D.</span></a>
</div>

<p>:)</p>

</body>

</html>
06.12.2007 10:14:55
  Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Hi


y4m4 schrieb:


ist das moeglich?


Nur mit CSS: Nein!

Viel Spaß noch...

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
06.12.2007 16:07:51
http://dkmd.de | http://dkdenz.de Zitieren
y4m4
Mitglied

Ort: München
Registriert: 29.11.2007
Beiträge: 15
ok :) was fehlt? java?
07.12.2007 10:25:55
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Javascript ;-)

_______________________________________
mfg
Thomas Mell

www.validome.org
07.12.2007 11:28:59
  Zitieren
y4m4
Mitglied

Ort: München
Registriert: 29.11.2007
Beiträge: 15
ok danke

schon wieder was neues :D das ist mal sache :D

ok

Ich möchte das folgendes script ( eine mail.php mit formular, nicht wie in meiner variante in einem POP up, sondern in einer DIV ebene geladn und ausgewertet wird... aber wie mache ich das? bestimmt mit ajax aber ich kenne das nicht :(

so hier der code

die INDEX.HTML

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>
<title>BrandPicture</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />

<script language="JavaScript">
<!--
function NewWindow(mypage, myname, w, h, scroll) 
     {
    var winl = (screen.width - w) / 2;
    var wint = (screen.height - h) / 2;
        winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable=no'
        win = window.open(mypage, myname, winprops)
    if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
    }

 function voll()
    {
     window.resizeTo(screen.availWidth,screen.availHeight);
     window.moveTo(1,1);
     window.focus();
      }
//-->
</script>

</head>

<body>
   <a href="#" onClick="NewWindow('kontakt.html','BrandPicture','700','500','no');return false;">Kontakt</a></div>

<script language="JavaScript"  type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=brandpicture&style=n&b=&h="></script>
</body>            
</html>

und die
mail.php (die im div ausgewertet und angezeigt werden soll)

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta name="generator" content="tsWebEditor (tswebeditor.net.tc - www.tswebeditor.tk)" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<?php
$email = $_POST["email"];
$kommentar = $_POST["kommentar"];

if($email=="" OR $kommentar=="")
   {
   echo "Bitte füllen Sie alle Felder aus";
   }

else
   {
   echo "Ihr Eintrag wurde gespeichert";
   }
?>
</body>
</html>

danke ;D
07.12.2007 15:13:25
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01