Button mit CSS
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
antwort
attribut
background
beispiel
beitrag
bild
button
datei
ersteller
fenster
fragen
gel
gen
hilfe
image
spart
stellen
style
ups
vielen dank
-
Hi,
erstmal der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Rollover mit CSS - Beispiel 5</title>
<style>
a { display:block;
background-image:url(button.gif);
width:119px; height:119px }
a:hover { background-image:url(button-on.gif); }
</style>
</head>
<body>
<p><a href="#" border="0"></a></p>
</body>
</html>
http://dagar888.pyrokar.lima-city.de/button/link.htm
Ich habe folgende Probleme:
1)Ich w?rde gerne, dass der Button "gedr?ckt" bleibt, solange der Link acktiv ist.
Ich habe schon folgendes probiert aber es hat nicht geklappt:
a:active{background-image:url(button-on.gif);}
2)Nachdem man auf den Link geklickt hat, ist das Bild makiert. Kann man das irgendwie verhindern?
Vielen Dank schon mal im vorraus.
MfG Dagar
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du ?nderst einfach
<p><a href="#" border="0"></a></p>
zu
<p><a href="#" border="0" OnClick="this.style.backgroundImage='url(button-on.gif)'"></a></p>
ab -
ups, hab die 2. Frage ?berlesen:
Hier dann der Code
<p><a href="#" border="0" OnClick="this.style.backgroundImage='url(button-on.gif)';window.focus()"></a></p>
----------
Damit setzt du den Focus statt dessen auf das ganze Fenster(sollte keinen sichtbaren Nebeneffekt haben)
http://de.selfhtml.org/javascript/objekte/window.htm#focus
Beitrag ge?ndert am 13.08.2005 20:53 von bladehunter -
wieso speicherst du das nicht alles in eine externe .css datei? dann brauchste nur
a href="#" border="0" OnClick="this.style.backgroundImage='url(button-on.gif)';window.focus()
...
eingeben und alles includen. so mach ichs zumindest immer...
Beitrag ge?ndert am 14.08.2005 01:54 von derclan -
Danke f?r die Hilfe das wollte ich auch wissen
-
hi,
ich w?rde an deiner Stelle eine externe zum Beispiel styles.css Datei erstellen und diese dann includen!
Dies spart viel zeit!
Wozu Includen, wenn Einbinden auch geht ?
<link rel="stylesheet" type="text/css" href="meine_style_datei.css">
Au?erdem scheint es eine Navi-seite zu sein, die sowieso nur einmal genutzt wird. Also d?rfte Einbinden ?berfl?ssig sein !
Man kann es schlie?lich auch ?bertreiben
und @ersteller: du solltest in den Style-Tag noch das Attribut type="text/css" einf?gen, damit es valides CSS ist ! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
