Am inteles, multumesc.
Mai am niste nelamuriri. Daca vreau sa pozitionez niste elemente la distante diferite dar nu pe acelasi rand le mut cu clasa si cu ajutorul marginii in css sau exista ceva mai dedicat?
Ca exemplu am chenarele negre pe care le am in acest cod. Asta este "procedura"?
Cod: Selectaţi tot
<body>
<div id="wrapper">
<header><a href="#" alt="Logo">Logo</a>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<section>Sectiune </section>
<aside>aside</aside>
<section><div class="chenare">
<div class="chenar1">Chenar1</div>
<div class="chenar2">Chenar2</div>
<div class="chenar3">Chenar3</div>
</div>
</section>
<footer>footer</footer>
</div>
</body>
CSS
Cod: Selectaţi tot
#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
}
header {
height: 150px;
padding: 10px;
}
header ul {
list-style: none;
float: right;
color: #777;
text-decoration: none;
font-style: arial;
font-size: 20px;
}
header ul li {
display: inline;
margin-left: 20px;
}
header a {
float: left;
}
section {
float: left;
background-color: green;
width: 650px;
height: 300px;
}
aside {
float: right;
width: 310px;
height: 300px;
background-color: blue;
}
footer {
clear: both;
margin-top: 20px;
background-color: orange;
height: 150px;
}
.chenare {
}
.chenar1 {
width: 60px;
height: 60px;
color: #fff;
background-color: #000;
}
.chenar2 {
width: 60px;
height: 60px;
color: #fff;
background-color: #000;
margin-left: 60px;
}
.chenar3 {
width: 60px;
height: 60px;
color: #fff;
background-color: #000;
margin-left: 120px;
}
A doua intrebare.
Daca vrei acele chenare negre sa le pun pe acelasi rand cum procedez? Cu ul si li?
A treia intrebare.
De ce mi-a pus chenarele in "section"? In html le-am pus in sectiuni si div-uri diferite fata de prima sectiune, cea verde.
A patra intrebare.
Sus la meniu, am incercat sa pun margin-left "X"px sa pun o distanta de X intre linkuri dar totusi nu mi-a luat "comanda".
Multumesc.
Sa stiti ca nu astept mura-n gura, intre timp eu caut rezolvarile pe google ori alte surse doar ca este mai clar cand iti explica cineva de ce asa si de ce nu asa. Personal descrierile de pe W3school imi par foarte vagi, iar explicate individual functiile si problemele care apar in folosirea acestora nu sunt explicate de foarte multi. Plus ca nu gasesc explicatii pe CSS3 ci amestecate, ceea ce creeaza o confuzie si mai mare pentru cel care vrea sa invete.