mousover css
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bild
blocken
code
display
download
erfahrung
hilfe
http
impressum
jemand
minute
navigation
text
url
warte
-
hallo
ich kenn mich mit css noch nicht so gut aus und ich bräuchte hilfe undzwar in meiner Navigation
mein html code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <style type="text/css"> A:Hover { color: #ff0000; } </style> <style><!--A{text-decoration:none}--></style><base target="Main"> <title>www.Lebanon-elzein.de.vu || www.El-zein.6x.to</title> <style type="text/css"> div.button {height:33px; background:url(http://img.webme.com/pic/s/success4you/navfire.gif) right repeat; width:auto; float:left;} </style> </head> <body style="background-attachment: fixed; color: rgb(255, 255, 255); background-image: url(http://www.oyla16.de/userdaten/29576077/bilder/Hintergrundbild.jpg); background-color: rgb(0, 0, 0);" alink="#ffffff" link="#ffffff" vlink="#ffffff"> <br> <div style="text-align: center;" class="button"><font style="font-family: Comic Sans MS;" face="Comic Sans MS" size="4"> <a target="Hauptframe" href="home.html">Startseite </a></font></div> <br> <br> <div style="text-align: center;" class="button"><font style="font-family: Comic Sans MS;" face="Comic Sans MS" size="4"> <a target="Hauptframe" href="http://gb2003.de/guestbook.php?id=54597">Gästebuch</a> <br> </font></div> <br> <br> <div style="text-align: center;" class="button"><font style="font-family: Comic Sans MS;" face="Comic Sans MS" size="4"> <a target="Hauptframe" href="http://Lebanon-elzein.lima-city.de/uber-mich.html">Über mich</a> </font> </div> <br> <br> <br> <div style="text-align: center;" class="button"><big> <a style="font-family: Comic Sans MS;" target="Hauptframe" href="http://Lebanon-elzein.lima-city.de/Downloads/Downloads.html">Downloads</a> <span style="font-family: Comic Sans MS;"> </span></big></div> <br> <br> <br> <div style="text-align: center;" class="button"><big><span style="font-family: Comic Sans MS;"> </span></big> <big style="font-family: Comic Sans MS;"><a target="Hauptframe" href="http://Lebanon-elzein.lima-city.de/fun/fun.html">Fun </a> </big></div> <br> <br> <div style="text-align: center;" class="button"><font style="font-family: Comic Sans MS;" face="Comic Sans MS" size="4"> <a target="Hauptframe" href="http://Lebanon-elzein.lima-city.de/impressum.html">Impressum</a> </font> </div> <br> <br> <br> <br> <script language="JavaScript1.2"> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false") if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script><iframe name="I1" marginwidth="0" marginheight="0" border="0" src="http://www.adm24.net/hp_counter/counter.php?counter_nummer=4351&type=1" frameborder="0" height="50" scrolling="no" width="120"></iframe> </body> </html>
Ich möchte wie auf dieser Seite
http://creative-design4you.de.tl/Black_Iceblue.htm
dass im menü wenn man drüberfährt ein anderes bild reintut
Wenn mir jemand den code geben könnte genau so wie auf der seite -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
wenn ich deinen Code so anschaue hast du auch mit HTML noch nicht so viel Erfahrung.
Aber hier ein Codeschnippsel:
<a title="Text1" href="#1">Link1</a> <a title="Text2" href="#2">Link2</a>
a { display:block; width:150px; height:20px; line-height:20px; text-decoration:none; color:white; background:#CCCCCC url("url_zu_deinem_bild1") no-repeat; } a:hover { background:#AAAAAA url("url_zu_deinem_bild2") no-repeat; }
Das wars schon.
Grüsse
Color -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
