Hallo Community.
Ich bin neu hier und ich hoffe ihr könnt mir bei einem Problem helfen.
Ich wurde mit der Erstellung einer Homepage beauftragt, allerdings stecke ich bei der Navigation fest. Hier der Link zurPage http://d-and-h.de/Projekte/Amaze-Records/
Ich möchte alle Navigationspunkte gleich breit haben, um ein Hintergrundbild für diese einfügen zu können, aber das geht nicht. Ich habe es bereits mit dem Property "width" probiert, aber es tut sich nichts.
Hier mal der Code, der mit der Navigation zu tun hat...
...HTML:
Code
<div id="navigation">
<p>
<span class="navigationspunkt"><a href="index.html">Home</a></span>
<span class="navigationspunkt"><a href="news.html">News</a></span>
<span class="navigationspunkt"><a href="amaze_records.html">Amaze Records</a></span>
<span class="navigationspunkt"><a href="media.html">Media</a></span>
<span class="navigationspunkt"><a href="diskographie.html">Diskographie</a></span>
<span class="navigationspunkt"><a href="links.html">Links</a></span>
<span class="navigationspunkt"><a href="guestbook.html">Gästebuch</a></span>
</p>
</div>...und CSS:
Code
#navigation {
background-color: #000;
height: 60px;
border-width: 1px 0 0 0;
border-color: black;
border-style: solid;
}
.navigationspunkt {
background-image: url(img/nav.png);
background-repeat: no-repeat;
height: 20px;
margin: 0px 0px 0px 0px;
font-weight: bold;
border: 1px solid white;
padding: 20px 50px 20px 50px;
}
.navigationspunkt a:link {
color: white;
font-weight: bold;
text-decoration: none;
}
.navigationspunkt a:visited {
color: blue;
font-weight: bold;
text-decoration: none;
}
.navigationspunkt a:hover {
cursor: pointer;
color: yellow;
background-image: url(img/nav_hover.png);Danke schonmal für eure Hilfe,
Darthii
