• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

2 Div Tags, per CSS nebeneinander darstellen, und nicht unterienander

XnewcomerX

Neues Mitglied
Hallo, ich habe ein mir einen Header erstellt, aus 2 Bildern.

Einmal ein Logo, und einmal ein Text.

So, jetzt will ich die beiden Bilder, in Div-Tags verpacken, und zwar mit

Code:
#header_logo {
background-image: url(Test/header1.png); 
background-repeat: no-repeat;
}

#header_name {
background-image: url(Test/header2.png); 
background-repeat: no-repeat;
}



aber wenn ich dann im Html dokument

HTML:
<div id="header_logo"></div>
<div id="header_name"></div>

eingebe, dann werden die beiden Sachen untereinander dargestellt, und nicht wie ich möchte, das die beiden Hintergrundbilder nebeneinander dargestellt werden.


wer kann mir da weiter helfen?
 
mit margin positioniren wäre eine möglichkeit ....... würde aber vorher noch ienen container drum legen, damit es auch zentriert ist
 
so müsste es gehen
PHP:
div#container {
margin:0px auto;
}
#logo {
background:url("Test/header1.png") no-repeat 0 0;
float:left;
margin:0px 0px;
}
#head {
background:url("Test/header2.png") no-repeat 0 0;
float:right;
margin:0px 0px; // den 2. wert ggf. anpassen
}
und dann halt
PHP:
<div id="container"><div id="logo" /><div id="head" /></div>
 
poste mal deinen gesamten css code ... was wird bei meinem code angezeigt? du musst für die bilder noch width und height dazu fügen ...
 
hier der CSS code:

PHP:
@charset "utf-8";
/* CSS Document */

#header_cont {
	width: 1200px;
	height: 100px;


}
#header_logo {
	background-image: url(Test/header1.png);
	background-repeat: no-repeat;
	height: 97px;
	margin-right: 700px;
	width: 100px;
	margin-top: 0px;
	margin-left: 500px;


}
#header_name {
	background-image: url(Test/header3.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 600px;
	margin-left: 600px;
	height: 31px;
	width: 462px;
	

}
 
Zurück
Oben