21-10-2010, 03:34
Witam,
dopiero zaczelem nauke z css wiec prosze o troche wyrozumialosci. Mam taki problem.. chce zrobic duzego diva ktory bedzie trzymal cala strone ("caly").. w srodku tego diva chce dodac 3 inne divy.. jeden u gory ("naglowek") a 2 w jednej lini pod pierwszym. ("lewaKolumna", "tresc")
udaje mi sie zrobic pierwszego diva u gory i 2 divy w jednym rzedzie pod nim lecz div ktory ma trzymac wszystkie te divy trzyma tylko pierwszego.
oto fragment html:
a oto fragment css:
Div "big" jest po to by divy "lewaKolumna" i "tresc" mogly byc w jednej lini.
Co jest nie tak w ktorym z kodow? Bardzo prosze o pomoc!
dopiero zaczelem nauke z css wiec prosze o troche wyrozumialosci. Mam taki problem.. chce zrobic duzego diva ktory bedzie trzymal cala strone ("caly").. w srodku tego diva chce dodac 3 inne divy.. jeden u gory ("naglowek") a 2 w jednej lini pod pierwszym. ("lewaKolumna", "tresc")
udaje mi sie zrobic pierwszego diva u gory i 2 divy w jednym rzedzie pod nim lecz div ktory ma trzymac wszystkie te divy trzyma tylko pierwszego.
oto fragment html:
Kod:
<body>
<div id="caly">
<div id="naglowek">
<h1>Nazwa tej strony</h1>
</div>
<div id="big">
<div id="lewaKolumna">
<h1><center>Menu</center></h1>
<ul>
<li><h2><a href="jeden.html">jeden</a></li></h2>
<li><h2><a href="dwa.html">dwa</a></li></h2>
<li><h2><a href="trzy.html">trzy</a></span></a></li></h2>
</div>
<div id="tresc">
<h3>tresc</h3>
</div>
</div>
</div>
</body>a oto fragment css:
Kod:
div {
width: 800px;
margin: auto;
}
h1 { font: normal 16px verdana, arial, sans-serif;
padding: 1px;
color: black;
margin: 0;
line-height: 25px;
}
h2 { font: normal 14px verdana, arial, sans-serif;
padding: 1px;
color: black;
margin: 0;
line-height: 25px;
}
h3 {
}
#naglowek {
padding: 0px;
border: 1px hidden #CCF;
width: 970px;
height: 70px;
background-image:
url('header-bg.jpg');
}
#lewaKolumna {
border: 1px solid #CCF;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 5px;
width: 240px;
float: left;
background-image:
url('leftColumn.jpg');
}
#tresc {
border: 1px solid #CCF;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
width: 710px;
float: left;
}
#caly {
border: 2px solid #000;
width: 970px;
height: auto;
}
#big {
border: 1px; solid #000;
width: 970px;
height: auto;Div "big" jest po to by divy "lewaKolumna" i "tresc" mogly byc w jednej lini.
Co jest nie tak w ktorym z kodow? Bardzo prosze o pomoc!
