Vertikaler Abstand im Menü

Lieber Besucher, herzlich willkommen bei: cms2day Forum - Community & Support rund ums cms2day. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

South

Anfänger

Beiträge: 4

Montag, 14. Februar 2011, 16:25

Vertikaler Abstand im Menü

Hallo liebe Gemeinde, erstmal möchte ich ein riesen Lob aussprechen!
Selbst ich als quasi Laie habe es geschafft das cms in meine website zu integrieren.

Doch nun bin ich auf ein problem gestoßen.

Ich habe links ein Menü, ich kriege es allerdings nicht hin den Abstand zwischen den einzelnen Links zu vergrößern

Damit ihr wisst wovon ich rede ist hier mal der vorläufige link:

http://jaktest.ja.funpic.de/

Wie ihr seht sind die die links Vertikal gesehen sehr nah aneinander, ich hätte da gern was mehr Abstand.

Der Code sieht wie folgt aus:

Quellcode

<body>
	
	<div class="container">
		<img src="<?php template_dir(); ?>/south/images/header.jpg" alt="" style="display:block;">
		<div class="content">
			<div class="side">
				<?php page_menu(0); ?>
			</div>
		
			<div class="pad">
				<?php page_content(); ?>
			</div>
		</div>
		<img src="<?php template_dir(); ?>/south/images/footer.jpg" alt="">
            	<?php page_footer(); ?>
	</div>
	
</body>
</html>

und das pendant in der CSS datei :

	Quellcode
1 2 3 4 5 6 7 8 9 10 11 12	.side { float:left; width:160px; margin:0; padding: 10px; font-size: 15px; }

Ich hoffe ich nerv nicht mit der Frage, ich bin in HTML nur so semi-fit ;P

Zum Seitenanfang

djknuffel

Moderator

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

Montag, 14. Februar 2011, 16:49

Du solltest den div Block für die Navigations als ID definierst und nicht als Klasse

CSS Datei

	Quellcode
1 2 3 4	#side { padding: 10px; .... }

und im Template dann mit "<div id="side"> anstatt "<div class="side">aufrufen.

Dies ermöglicht Dir im weiteren Verlauf die "li" elemente zu formatieren und zwar nur jene die innerhalb von der id "side" dann vorhanden sind: