✔ Bilder nebeneinander

Status
Nicht offen für weitere Antworten.
gleich mal den gleichen Thread nehemen :D,

so ich habe jetzt alles gemacht, aber ich habe wieder ein fehler :(, zwischen allen bildern die nebeneinander sind sind rechts und links immer freie stellen, ich kriege diese nicht zusammen :(. Habe schon alles versucht habe auch gesucht.

Kann mir da wer helfen?

Hier der Code:
HTML: 
<link href="style.css" rel="stylesheet" type="text/css">
<body>
	<div id="header01"></div>
	<div id="header02">
		<img src="images/02.jpg" width="76" height="23" />
		<a href="index.php?main=news" 		 onMouseOver="aus01.src='images/on_01.gif';" onmouseout="aus01.src='images/03.jpg';"><img name="aus01" src="images/03.jpg" width="79" height="23" alt="Hier sehen Sie die Aktuellen News." border="0" /></a>
		<img src="images/04.jpg" width="9" height="23" border="0" />
		<a href="index.php?main=team" 		 onMouseOver="aus02.src='images/on_02.gif';" onmouseout="aus02.src='images/05.jpg';"><img name="aus02" src="images/05.jpg" width="78" height="23" alt="Unser Team: Management, Spieler, usw..." border="0" /></a>
		<img src="images/06.jpg" width="8" height="23" border="0" />
		<a href="index.php?main=wars" 		 onMouseOver="aus03.src='images/on_03.gif';" onmouseout="aus03.src='images/07.jpg';"><img name="aus03" src="images/07.jpg" width="79" height="23" alt="Hier können Sie sich unsere letzten Matches anschauen. DEMOS, SCREENS, INFORMATIONEN, usw..." border="0" /></a>
		<img src="images/08.jpg" width="8" height="23" border="0" />
		<a href="index.php?main=forum" 	 	 onMouseOver="aus04.src='images/on_04.gif';" onmouseout="aus04.src='images/09.jpg';"><img name="aus04" src="images/09.jpg" width="79" height="23" alt="Hier gelangen Sie zu unserem Forum, wir würden uns freuen wenn Sie sich ein wenig da drinnen Umschauen." border="0" /></a>
		<img src="images/10.jpg" width="7" height="23" border="0" />
		<a href="index.php?main=server" 	 onMouseOver="aus05.src='images/on_05.gif';" onmouseout="aus05.src='images/11.jpg';"><img name="aus05" src="images/11.jpg" width="79" height="23" alt="Hier ist die Übersicht aller Server die wir besitzen, schaut doch einfach mal bei einem Public oder HLTV Server vorbei." border="0" /></a>
		<img src="images/12.jpg" width="5" height="23" border="0" />
		<a href="index.php?main=insider" 	 onMouseOver="aus06.src='images/on_06.gif';" onmouseout="aus06.src='images/13.jpg';"><img name="aus06" src="images/13.jpg" width="81" height="23" alt="Hier kannst du hinter die Kulissen von “Plugin-Gaming”" border="0" /></a>
		<img src="images/14.jpg" width="7" height="23" border="0" />
		<a href="index.php?main=files" 		 onMouseOver="aus07.src='images/on_07.gif';" onmouseout="aus07.src='images/15.jpg';"><img name="aus07" src="images/15.jpg" width="79" height="23" alt="Hier gelangen Sie in unser File Archiv, hier finden Sie alles was ein Gamer benötigt." border="0" /></a>
		<img src="images/16.jpg" width="7" height="23" border="0" />
		<a href="index.php?main=shop" 		 onMouseOver="aus08.src='images/on_08.gif';" onmouseout="aus08.src='images/17.jpg';"><img name="aus08" src="images/17.jpg" width="79" height="23" alt="Hier gelangen Sie zu unserem Fanshop. Wir würden uns auf eine Bestellung sehr freuen." border="0" /></a>
		<img src="images/18.jpg" width="7" height="23" border="0" />
		<a href="index.php?main=sponsors"  onMouseOver="aus09.src='images/on_09.gif';" onmouseout="aus09.src='images/19.jpg';"><img name="aus09" src="images/19.jpg" width="79" height="23" alt="Hier ist eine Auflistung aller Sponsoren mit den Nötigen Informationen." border="0" /></a>
		<img src="images/20.jpg" width="8" height="23" border="0" />
		<a href="index.php?main=about"		 onMouseOver="aus10.src='images/on_10.gif';" onmouseout="aus10.src='images/21.jpg';"><img name="aus10" src="images/21.jpg" width="79" height="23" alt="Hier ist das Impressum." border="0" /></a>
		<img src="images/22.jpg" width="67" height="23" border="0" />
	 </div>
	 <div id="header03"></div>
</body>

style.css
Code: 
body {
	text-align: center;
 	margin: 0px;
 	background-color: #474747;
}

/* Design */
#header01 {
	background-image: url(images/01.jpg);
	width: 1000px;
	height: 208px;
	background-position: center;
	background-repeat: no-repeat;
}
#header02 a, #header02 a:link, #header02 a:visited, #header02 a:hover, #header02 a:active, #header02 img {
	text-align: center;
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
#header03 {
	background-image: url(images/23.jpg);
	width: 1000px;
	height: 36px;
	background-position: center;
	background-repeat: no-repeat;
}
 
Versuchs erst ein mal mit font-size:0 im ID-Selektor für header02. Hab Feierabend und muss nu los, schau ich mir nachher nochmal an.
 
Probier's mal mit dieser Regel

Code: 
#header02 a img, #header02 img {
display: block;
float: left;
margin: 0;
}
 
Danke es funktioniert,
aber es kommt ein Fehler nach dem anderen dies finde ich schon komisch, da haben wir ein Problem gelöst und dann kommt noch eins :(

so schaut es im IE7 und FF aus:
links FF und rechts IE7 (hab 2Monitore)
Och NOEEEE


Würde mich riesig freuen
 
Kannst du mal einen Link zur Seite nennen, damit man sich das Problemkind "live" anschauen kann?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück