27-03-2012, 16:14
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?
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?
Wielkie dzieki za pomoc.
