HTML-szerkesztés kezdőknek!!!
-
#6868
"Na szval van egy css fájl. És van benne több <div>."
A CSS-ben nincs <div> tag. Az a HTML-ben van. ;)
Komolyra véve a szót:
"Az lenn a kérdésem, hogy több <div>-et hogy tudok egymás mellé berakni?"
A kulcsszó: lebegtetés, azaz float.
Tehát ha ilyen a HTML struktúrád:
<div>aaa</div>
<div>bbb</div>
<div>ccc</div>
Akkor hogy egymás mellé kerüljenek:
div {float: left;}
Ha nem akarsz minden <div> elemet egymás mellé rakni, csak bizonyosakat, használj azonosítót, vagy osztályt, illetve használd a clear tulajdonságot - ami megszünteti a float hatását:
<div id="menu">
<ul>
<li><a href="#">aaa</a></li>
<li><a href="#">bbb</a></li>
<li><a href="#">ccc</a></li>
</ul>
</div>
<div id="content">
Blabla
</div>
<div id="clearer"></div>
<div id="nemlebeg">No floating</div>
#menu, #content {
float: left;
}
#clearer {
clear: both;
}
Osztállyal:
<div class="kep">
<img src="kep1.jpg" alt="kep1" />
</div>
<div class="kep">
<img src="kep2.jpg" alt="kep2" />
</div>
<div class="kep">
<img src="kep3.jpg" alt="kep3" />
</div>
<div class="kep">
<img src="kep4.jpg" alt="kep4" />
</div>
<div id="clearer"></div>
<div id="nemlebeg">No floating</div>
.kep {
float: left;
}
#clearer {
clear: both;
}