Forum
Aktif konular
Üyeler
Kurallar
Arama
Css Divleri Ustuste Bindirme Css Divleri Ustuste Bindirme
-
merhabalar
http://l1310.hizliresim.com/1g/3/t7g9y.jpg
resimdeki olayi yapmak istiyorum ama bir turlu beceremedim :| `div c` yi `div a` nin icine koyunca asagiya dogru uzatiyo a divini , `div b` asagi kaymis oluyo.
css te yapmak istedigim sey mumkunmu ?
-
div a, div b, div d yi standart olarak konumlandırırsın yada "position:relative" olarak,
sonrasında div c nin pozisyon özelliğini "position:absolute" olarak yaptıktan sonra örn "top:50px" "left:%50" gibi değerleriyle oynarsan istediğini yapabilirsin.
-
TxT bunu yazdı
div a, div b, div d yi standart olarak konumlandırırsın yada "position:relative" olarak,
sonrasında div c nin pozisyon özelliğini "position:absolute" olarak yaptıktan sonra örn "top:50px" "left:%50" gibi değerleriyle oynarsan istediğini yapabilirsin.
ben yazıyordum tam. böyle yap hocam ;)
-
ne oldu nasil oldu bilmiyorum da su sekilde becerdim :|
<div style="background-color: #0D2F33;height: 200px;padding-top:10px;">
<div class="row" style="border:none;height: auto;background-color: #0D2F33;z-index: 1;height:200px;">
<div class="large-12" style="border:1px solid red;height:250px;overflow:visible">
<submit class="button" type="text" name="" id=""/>
</div>
</div>
</div>
<div>
<div class="large-12" style="border:1px solid red;background-color:gray;height:100px;">
</div>
</div> -
hocam css ile uğraşmaayalı baya zaman oldu fakat z index tam senin istediğin iş içindi sanırım
-
Ka1nsha bunu yazdı
hocam css ile uğraşmaayalı baya zaman oldu fakat z index tam senin istediğin iş içindi sanırım
herkes z index demis ama, z index ustuste gelen elementlerin hangisinin en ustte gorunecegini belirler. benim sorunum ustuste getirememekti
-
edit: buyur hocam
yandex linki : http://yadi.sk/d/_XsxZo3rAL6p7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>yardım</title>
<style type="text/css">
body{
margin:0px;
padding:0px;}
.a{
width:100%;
height:100px;
background:#09F;
position:relative;
z-index:1;}
.b{
width:100%;
height:220px;
background:#FC0;}
.c{
width:100%;
height:500px;
background:#999;}
.a-1{
width:980px;
height:90px;
background:#F00;
margin-left:auto;
margin-right:auto;
position:relative;
z-index:2;
margin-top:30px;}
</style>
</head>
<body>
<div class="a"> div a
<div class="a-1">
a-1
</div>
</div>
<div class="b"> div b</div>
<div class="c"> div c</div>
</body>
</html>
kafkavari tarafından 03/Eki/13 16:06 tarihinde düzenlenmiştir -
al hocam http://jsfiddle.net/Lxzak/
-
hocam kodları şimdi yazamam ama z-index olayı kesinlikle aradığın şey. kesinlikle o. hiç uğraşma başka şeyle. z-index
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla