Witam na problem z obrazkami i divami
Na poczatek moze kod:
HTML:
<div id="divMain">
<div id="divHeader"/>
<div id="divLeftMenu"></div>
<div id="divCenterMenu"></div>
<div id="divRightMenu"></div>
<center> <div id="divFoot"> Stopka </div>
</center>
</div>
CSS:
html, body {
background-color: #202020;
background-image:url(../images/background.png);
background-repeat: repeat-x;
color: #332c34;
margin: 0;
padding: 0;
font-family: Verdana,Tahoma;
font-size: 10px ;
}
#divMain
{
width: 1024px;
min-width: 1024px;
max-width: 1024px;
min-height: 768px;
max-height: 768px;
height: 768px;
text-align:left ;
margin:0px;
}
#divHeader
{
min-width: 1024px;
max-width: 1024px;
width: 1024px;
min-height:106px;
max-height:106px;
height:106px;
background-image:url(../images/header.png);
padding:0px;
margin:0px;
}
#divLeftMenu
{ position:relative;
float:left;
max-width:258px;
min-width:258px;
width: 258px;
min-height:24px;
max-height:24px;
height: 24px;
overflow: hidden;
padding: 0px;
margin: 0px;
background-image:url(../images/leftmenu.png);
}
#divCenterMenu
{ float:left;
max-width:508px;
min-width:508px;
width: 508px;
min-height:24px;
max-height:24px;
height:24px;
overflow: hidden;
padding: 0px;
margin: 0px;
background-image:url(../images/centermenu.png);
}
#divRightMenu
{
float:right;
max-width:258px;
min-width:258px;
width: 258px;
min-height:24px;
max-height:24px;
height:24px;
overflow: hidden;
padding:0px;
margin:0px;
background-image:url(../images/rightmenu.png);
}
img
{ margin:0px;
padding:0px;
border:0px;
}
#divFoot
{
background-color: Black;
width:1024px;
height:20px;
clear:both;
}
Problem polega na tym ze te obrazki z div-ow z menu pojawaiaj mi sie na obrazku headera .. i za cholere nie wiem jak zrobic zeby wyswietaly sie obok siebie pod obrazkiem z headera. Bardzo prosze o pomoc :-( :-(