Aktives Mitglied
HiHo,
Also ich habe mir die Grundkenntnisse in HTML und CSS angeeignet aber ich hänge gerade an einem Problem, auf dessen Lösung ich nicht komme:
Also oben ist der Header und links und rechts wollte ich Menüs haben.
Ich habe jetzt versucht im HTML Code die linke Navigationsleiste zu erstellen und in CSS den Hintergrund dafür zu erstellen, aber das sieht im Moment so aus:
http://www.abload.de/img/aufzeichnengus.jpg
Der Button in der linken Leiste sieht normaler Weise so aus:
Und das ist der Code dazu:
und
Also ich hätte es gerne so, dass der Button pro Link nur einmal angezeigt wird und in voller Größe, nicht so abgeschnitten.
(Ich hoffe die Frage ist nicht so simpel , dass ihr mich am liebsten prügeln wollt :lol
Edit: Ich habe noch eine Frage:
- Soll ich ein reines Bild ohne Text wie den Header direkt in den HTML Code einfügen oder über CSS? (Wie mache ich das am beste? mit <div id="Header"></div> und dann in der CSS Datei halt das Bild einfügen?
Also ich habe mir die Grundkenntnisse in HTML und CSS angeeignet aber ich hänge gerade an einem Problem, auf dessen Lösung ich nicht komme:
Also oben ist der Header und links und rechts wollte ich Menüs haben.
Ich habe jetzt versucht im HTML Code die linke Navigationsleiste zu erstellen und in CSS den Hintergrund dafür zu erstellen, aber das sieht im Moment so aus:
http://www.abload.de/img/aufzeichnengus.jpg
Der Button in der linken Leiste sieht normaler Weise so aus:
Und das ist der Code dazu:
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div align="center"><img src="http://www.psd-tutorials.de/modules/Forum/Header.jpg" />
</div>
<ul>
<li id="Navi"><a href="http://www.abc.de">News</a></li>
<li id="Navi"><a href="http://www.abc.de">Gästebuch</a></li>
</ul>
</body>
</html>
und
Code:
body {
background-color: #FFFF99;
}
a {
background-image: url(../Button.jpg);
display: block;
}
a:hover {
background-image: url(../Button-over.jpg);
display: block;
}
ul {
list-style: none;
}
Also ich hätte es gerne so, dass der Button pro Link nur einmal angezeigt wird und in voller Größe, nicht so abgeschnitten.
(Ich hoffe die Frage ist nicht so simpel , dass ihr mich am liebsten prügeln wollt :lol
Edit: Ich habe noch eine Frage:
- Soll ich ein reines Bild ohne Text wie den Header direkt in den HTML Code einfügen oder über CSS? (Wie mache ich das am beste? mit <div id="Header"></div> und dann in der CSS Datei halt das Bild einfügen?
Zuletzt bearbeitet von einem Moderator: