nicht angemeldet
Hallo,
ich möchte eine Seite erstellen, da sollen in den "grafischen" Head zwei Bilder nebeneinander.
Dies möchte ich mit CSS verwirklichen, aber ich schaffe es nicht, die Beiden nebeneinander zu bekommen.
Ich muss auch anmerken, dass dies meine erste komplette CSS Website werden soll und noch einiges an Erfahrung brauche ;)
Hier der Code, wie ich es versucht habe:
CSS:
#main
{
border: 1px solid #000000;
background-color: transparent;
margin-left: -350px;
margin-top: 10px;
position:absolute;
left: 50%;
width: 700px;
}
#head_image
{
background-image:url(images/head_welt.gif);
background-color: transparent;
background-repeat:no-repeat;
width: 350px;
height: 195px;
}
#head_background
{
background-image:url(images/head_background.gif);
background-color: transparent;
background-repeat:no-repeat;
position:relative;
left:350px;
top:0px;
width: 350px;
height: 195px;
}
HTML:
<body>
<div id="main">
<div id="head_image"></div>
<div id="head_background"></div>
</div>
</body>
Die ganze Seite soll 700px breit werden und da sollen die beiden Grafiken in den Head nebeneinander mit jeweils 350px.
Kann mir jemand helfen? Ist bestimmt banal *schäm*
MfG Tobias
Struppi