✔ Bilder nebeneinander

Status
Nicht offen für weitere Antworten.
cille

cille

Erfahrenes Mitglied
Hi ho,
frohe Adventszeit

Ich habe ein Problem,
wie kann ich in HTML die Bilder nebeneinander stellen lassen,
ich will ja das Design ohne Tabellen machen.
Gleichzeitig sind manche Bilder auch Links mit einem Rollover effekt,
dass funktioniert ja, blos ich kriege die bilder nicht neben einander :D

So schauts zur zeit aus:
BILD1
BILD2
BILD3

So soll es aussehen:
BILD1BILD2BILD3

Weis einer ne lösung, CSS, HTML, alles gern erwünscht :D

Danke schonmal für eure Hilfe.

mfg,
cille
 
Hi ho,
danke für die Antwort und sry habe es ja ganz vergessen.
Hier mal mein Quelltext:
HTML: 
<link href="style.css" rel="stylesheet" type="text/css">
<body>
	<div id="header01"></div>
	<div id="header02">
		<div id="news">
			<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>
			<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>
		</div>
	</div>
</body>

Hoffe Ihr könnt mir helfen, FLOAT funktioniert nicht :(
 
Ich vermute jetzt einfach mal, daß die Grafik-Links die display:block-Eigenschaft besitzen, also weise ihnen die float-Eigenschaft zu.

P.S. Wenn's Probleme mit dem CSS-Code gibt, dann poste ihn auch bitte, denn hellsehen können wir nicht. ;)
 
Ok habe nochmal probier aber klappt net :D,
habe es mal wieder auf standart gesetzt hier mal der Gesamte Code mit CSS (auf wunsch von michaelsinterface) ;D

HTML: 
<title>Plugin-Gaming</title>
<title>Plugin-Gaming</title>
<link href="style.css" rel="stylesheet" type="text/css">
<body>
	<div id="header01"></div>
	<div id="header02">
		<div id="news">
			<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>
			<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>
		</div>
	</div>
</body>
Code: 
body {
 	margin: 0px;
 	background-color: #474747;
}

<!-- Design -->
#header01 {
	background-image: url(images/01.jpg);
	width: 1000px;
	height: 208px;
	background-position: left;
}
#header02 {
	background-image: url(images/02.jpg);
	background-attachment: fixed;
	width: 76px;
	height: 23px;
	background-position: left;
}
#news a:link, #news a:visited, #news a:hover,  #news a:active {
	margin-left: 76px;
	
}
 
Probier's mal hiermit:

Code: 
#news a:link, #news a:visited, #news a:hover,  #news a:active {
	margin-left: 76px;
        float: left;
}
Und wandel den HTML-Kommentar <!-- Design --> in einen CSS-Kommentar /* Design */ um, da dies wohl der Grund für die "Arbeitsverweigerung" ist.
 
Du solltest dem umgebenden DIV #header02 auch die entsprechende Breite geben, denn derzeit ist es nur 76 Pixel breit ;)
 
ich dummerchen, aber jetzt habe ich noch ne Frage :D,
der wiederholt dauernd das Hintergrundbild.
Hab leider nicht herausgefunden warum er das so macht :(
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück