4
Menü in HTML mit verschiedenen Bildern
Was mache ich hier falsch - verzweifele hier gerade!
Hallo,
ich versuche gerade per CSS ein Menü mit mehreren unterschiedlichen Bildern zu erstellen. Doch irgend etwas mache ich hier falsch?
Wer kann mir helfen?
Schönen Gruß
ich versuche gerade per CSS ein Menü mit mehreren unterschiedlichen Bildern zu erstellen. Doch irgend etwas mache ich hier falsch?
Wer kann mir helfen?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style>
a { display:block;
background-image:url(Schule.jpg);
width:120px; height:30px }
a:hover { background-image:url(Schule-on.jpg); }
</style>
</head>
<body>
<p><a href="http://www.web.de" style="width: 230px"></a></p>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style>
a { display:block;
background-image:url(home.jpg);
width:120px; height:30px }
a:hover { background-image:url(home-on.jpg); }
</style>
</head>
<body>
<p><a href="http://www.web.de" style="width: 230px"></a></p>
</body>
</html>Schönen Gruß
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 179632
Url: https://administrator.de/contentid/179632
Printed on: April 19, 2024 at 10:04 o'clock
4 Comments
Latest comment
Kannst Du dein Menü mal beschreiben den so wie oben wird es nicht funktionieren.
Aber mal für Dich zur Hilfe: http://de.selfhtml.org/
Aber mal für Dich zur Hilfe: http://de.selfhtml.org/
Ich möchte gerne 5 bundstifte haben die ich in photoshop bereits berarbeitet haben als menü laden. immer wenn die maus über einen stift fährt ändert sich das bild. also ein dynamishces menü.
merci euch allen
merci euch allen
Guten Morgen!
Kummerkasten hat recht, bevor wir da weiter ins Details gehen solltest du dich etwas mit HTML befassen. Dein Beispiel zeigt leider, das da noch einiges aufzuholen gibt.
Danach erst würde ich dir raten, dich mal mit CSS zu befassen.
lg
eisbein
Kummerkasten hat recht, bevor wir da weiter ins Details gehen solltest du dich etwas mit HTML befassen. Dein Beispiel zeigt leider, das da noch einiges aufzuholen gibt.
Danach erst würde ich dir raten, dich mal mit CSS zu befassen.
lg
eisbein
Hallo peterchen,
wie meine Vorredner schon geschrieben haben,, würde auch ich Dir dringend raten dich mit HTML und dann mit CSS zu befassen.
Besser ist es auch die CSS in eine extra Datei zu hauen, das macht es später einfacher wenn Du Dein Layout ändern möchtest, da muss man dann einfach nur die css-Datei aufmachen und bearbeiten...
Aber da ich Dich jetzt hier nicht so hängen lassen will hier der Code der Dir weiterhilft.
wie meine Vorredner schon geschrieben haben,, würde auch ich Dir dringend raten dich mit HTML und dann mit CSS zu befassen.
Besser ist es auch die CSS in eine extra Datei zu hauen, das macht es später einfacher wenn Du Dein Layout ändern möchtest, da muss man dann einfach nur die css-Datei aufmachen und bearbeiten...
Aber da ich Dich jetzt hier nicht so hängen lassen will hier der Code der Dir weiterhilft.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style>
a { display:block;
background-image:url(Schule.jpg);
width:120px; height:30px }
a:hover { background-image:url(Schule-on.jpg); }
</style>
</head>
<body>
<p><a href="http://www.web.de" style="width: 230px"></a></p>
<p><a href="http://www.web.de" style="width: 230px"></a></p>
</body>
</html>
