Zeilenumrbuch

1 Christian

Salve

Gibt es im css einen Befehl, dass nach jedem Bild die Zeile umgebrochen werden muss? Ich habe mir da etwas zusammengestellt resp. zum Anfang ein CSS-Style runtergeladen. Nun werden alle Bannerchen untereinander statt nebeneinander angezeigt . . <br> oder <p> sind nicht vorhanden... Im CSS wird p wir folgt angezeigt:

p{
	margin:0 10px 10px
	}

Ich kann mir das nicht erklären . . . . Hier der Rest des css:

html,body{
	margin:0;padding:0
	}
	
body{
	font: 76% tahoma, verdana, arial,sans-serif;
	text-align:center;
	text: #00000;
	bgcolor: #ffffff;
	link: #FF0000; 
	alink: #FF0000;
	vlink: #FF0000;
	}


	
p{
	margin:0 10px 10px
	}
	
a{
	display:block;
	color: #981793;
	padding:10px
	}
	
div#header h1{
	height:80px;
	line-height:80px;
	margin:0;
 	padding-left:10px;
	background: #EEE;color: #79B30B 
}

div#container{
	text-align:left
}
	
div#content p{
	line-height:1.4
}
	
div#navigation{
	background:#B9CAFF
}
	
div#extra{
	background:#FF8539
}
	
div#footer{
	background: #333;
	color: #FFF
}
	
div#footer p{
	margin:0;
	padding:5px 10px
}

div#container{
	width:700px;
	margin:0 auto
}
	
div#content{
	float:left;
	width:500px
}
	
div#navigation{
	float:right;
	width:200px
}
	
div#extra{
	clear:both;
	width:100%
}

und das div extra:

<div id="extra"> 
  	<a href="http://www.powerlinks.ch"><img src="http://www.powerlinks.ch/power/bilder/powerlinksCH81_listed.gif" alt="Firmenindex powerlinks.ch " width="88" height="31" hspace="5" border="0"></a> 
    <a href="http://www.branchas.de"><img src="http://www.branchas.de/branchas/bilder/branchas88_1.gif" alt="Firmenindex Branchas.de" width="88" height="31" hspace="5" border="0"></a> 
    <a href="http://www.hit4hit.ch/?refid=676"><img src="http://www.hit4hit.ch/werbung/werbung-paid4-paidmailer-1.gif" hspace="5" border="0"></a> 
    <a href="https://www.moneybookers.com/app/?rid=815058"><img src="http://www.moneybookers.com/images/banners/88_en_interpayments.gif" width=88 height=31 hspace="5" border=0 style="border-width: 1px; border-color: #8B8583;"></a> 
    <A HREF="http://www.webliste.ch/?id=77874"><IMG SRC="http://www.webliste.ch/Images/Banner/webliste8831.gif" ALT="Webliste Schweiz" WIDTH="88" HEIGHT="31" HSPACE="5" BORDER="0"></A> 
  </div>

2 Jörg Kruse

Hallo Christian,

das liegt an dem display:block für die Links:

a{
display:block;
color: #981793;
padding:10px
}

Dadurch brechen die Links mit den enthaltenen Bildern um. Wenn du diese Eigenchaft rausnimmst, werden die Banner nebeneinander angeordnet. Wenn du das display:block an anderer Stelle benötigst, würde ich dafür eine Extra-Klasse definieren, so dass nicht alle Links hiervon betroffen sind

3 Christian

danke! Da hätte ich noch lange gesucht . . . !

Beitrag schreiben (als Gast)