Vertikale Navigation - Navigationspunkte gleich groß machen

[Darthii]

Hallo html.de-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 Willkommen auf der Seite von 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:

	<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&auml;stebuch</a></span>
	</p>
	</div>

...und CSS:

#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

 

[Elroy]

Hallo.

Zeichne deine Navigation als Liste aus dann wird das auch so klappen wie du es dir vorstellst.

Den Listenpunkten kannst du dann mit width eine Breite geben und deine Hintergrundbilder einfügen.

Gruss
Elroy

 

[Darthii]

Ok, vielen Dank, das ganze hat soweit echt gut geklappt. Und Entschuldigung, dass ich diesen Thread hier 3 mal gemacht habe, ich wusste nicht, dass er erst freigegeben werden muss.