Ahojte snažím sa urobiť jeden desing ale akosi mi to nejde
tie tri majú byť v rovine, aj tie tri pod nimi
tu je html
Kód:
<div id='back_body'>
<div id='warp'>
<div id='stranka'>
<div id='horna_lista'>
©
</div>
<div id='header'>
<div id='header-logo'>
© logo
</div>
<div id='header-info'>
© info
</div>
<div id='header-login'>
© login
</div>
</div>
<div id='main_menu'>
<div id='main_menu-begin'>
©
</div>
<div id='main_menu-ponuka'>
©
</div>
<div id='main_menu-search'>
©
</div>
</div>
</div>
</div>
</div>
a tu CSS
Kód:
#back_body{
background-image: url('http://www.egama.eu/webpix/files/ke7l7g2na3li15yepb7a.png');
margin: 0px;
padding-top: 5px;
}
#warp{
margin-left: auto;
margin-right: auto;
width:1000px;
}
#stranka{
background-image: url('http://www.egama.eu/webpix/files/66toyywuo17kk9kn007o.png');
}
#horna_lista{
background-image: url('http://www.egama.eu/webpix/files/iqiz4suj3xpijcspq76y.png');
margin-left: auto;
margin-right: auto;
width:990px;
height: 17px;
}
#header{
background-color: orange;
margin-left: auto;
margin-right: auto;
width:990px;
height: 200px;
margin-top: 5px;
}
#header-logo{
background-color: red;
position: relative;
left: 35px;
width:300px;
height:150px;
}
#header-info{
background-color: green;
position: relative;
left: 350px;
width:300px;
height:150px;
}
#header-login{
background-color: blue;
position: relative;
left: 700px;
width:300px;
height:100px;
}
#main_menu{
background-color: grey;
width:990px;
height:60px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}
#main_menu-begin{
background-color: red;
position: relative;
top: 0px;
left: 0px;
width:40px;
height:50px;
}
#main_menu-ponuka{
background-color: green;
position: relative;
top: 0px;
left: 40px;
width:800px;
height:25px;
}
#main_menu-search{
background-color: blue;
position: relative;
top: 0px;
left: 850px;
width:100px;
height:25px;
}