Frage ist gelöstMenü in HTML mit verschiedenen Bildern
26.01.2012
21:53:20 Uhr440 Aufrufe
4 Antworten
21:53:20 Uhr
4 Antworten
Wenig anspruchsvoll -1
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?
01.
<html> 02.
<head> 03.
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 04.
<style> 05.
a { display:block; 06.
background-image:url(Schule.jpg); 07.
width:120px; height:30px } 08.
a:hover { background-image:url(Schule-on.jpg); } 09.
</style> 10.
</head> 11.
<body> 12.
<p><a href="http://www.web.de" style="width: 230px"></a></p> 13.
</body> 14.
</html> 15.
<html> 16.
<head> 17.
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 18.
<style> 19.
a { display:block; 20.
background-image:url(home.jpg); 21.
width:120px; height:30px } 22.
a:hover { background-image:url(home-on.jpg); } 23.
</style> 24.
</head> 25.
<body> 26.
<p><a href="http://www.web.de" style="width: 230px"></a></p> 27.
</body> 28.
</html>Schönen Gruß
Kummerkasten schreibt am 26.01.2012 um 22:15:44 Uhr
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/
peterchen1976 schreibt am 26.01.2012 um 22:52:36 Uhr
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
eisbein schreibt am 27.01.2012 um 06:21:11 Uhr
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
Susie1703 schreibt am 27.01.2012 um 08:22:44 Uhr
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.
01.
<html> 02.
<head> 03.
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 04.
<style> 05.
a { display:block; 06.
background-image:url(Schule.jpg); 07.
width:120px; height:30px } 08.
a:hover { background-image:url(Schule-on.jpg); } 09.
</style> 10.
</head> 11.
<body> 12.
<p><a href="http://www.web.de" style="width: 230px"></a></p> 13.
<p><a href="http://www.web.de" style="width: 230px"></a></p> 14.
15.
16.
</body> 17.
</html>
