+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: przesuniecie diva (/thread-przesuniecie-diva)
przesuniecie diva - joker - 27-03-2012
Witam, mam pytanie; czy w ponizszej stronie jest mozliwosc przesuniecia divow? chcialbym co drugiego przesunac troche w prawo i ewentualnie rezszte w lewo lub stworzyc przynajmniej wrazenie ze sa tak ustawione. Z gory dzieki za wszelkie pomysly i sugestie.
html:
<body>
<div id="content">
<div id="top">
nagłówek
</div>
<div id="gora">
gora
</div>
<div id="div1">
<a href="decogaleria.html"><img src="img/auto3.jpg" width="170" height="130" title="dekoracja sal" /></a> <p> div1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.p>
</div>
<div id="div2">
<a href="decogaleria.html"><img src="img/auto1.jpg" width="170" height="130" title="dekoracja sal" /></a>
<p>div2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
<div id="div3">
<a href="decogaleria.html"><img src="img/auto2.jpg" width="170" height="130" title="dekoracja sal" /></a>
<p>div3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..</p>
</div>
<div>
</body>
</html>
css:
#content {
width:1000px;
margin:0 auto 0 auto;
}
#top {
height:150px;
background:#afffaf;
}
#gora {
height:100px;
background:#0080ff;
}
#div1 {
height:170px;
background:#8000ff;
}
#div2 {
height:170px;
background:#0080c0;
border:3px solid red;
padding:8px;
}
#div3 {
height:170px;
background:#800080;
}
img {
position:relative;
top:5px;
left:5px;
float:left;
}
p {
position:relative;
top:5px;
left:5px;
}
przy okazji: nie wiecie czemu w przegladarce te divy sa oddzielone od siebie pomimo ze w programie (Ked) nie?
RE: przesuniecie diva - Heyek - 27-03-2012
Oczywiście, że możesz coś takiego zrobić. W css, w wybranym divie wstaw marginesy.
margin-left: wartość; - margines od lewej strony
margin-right: wartość; - margines od prawej strony
margin-top - góra
margin-bottom - dół
RE: przesuniecie diva - joker - 28-03-2012
o.k dziala
Wielkie dzieki za pomoc.