CSS ile nesnelerimin yerini değiştirme

nssasmaz
19-06-2010, 10:29   |  #1  
OP Taze Üye
Teşekkür Sayısı: 0
1 mesaj
Kayıt Tarihi:Kayıt: Haz 2010


<div id="gallery">
<div id="nav"> Link Link </div>
<div id="output"> resim resim</div>
</div>

şeklinde bir kodum var bunlar göründüklerinde NAV divi OUTPUT divinin altında olmalı.
Bunu nasıl yaparım bilemedim. :/ :?

hsnhsynisler
19-06-2010, 14:29   |  #2  
Yıllanmış Üye
Teşekkür Sayısı: 0
267 mesaj
Kayıt Tarihi:Kayıt: May 2009
Alıntı: nssasmaz  

Link Link

resim resim



şeklinde bir kodum var bunlar göründüklerinde NAV divi OUTPUT divinin altında olmalı.
Bunu nasıl yaparım bilemedim. :/ :?

Göründüklerinde derken tam ne dediğini anlamadım ama ben sana 2 kısımda anlatmaya çalışayım
öncelikle bu nav ve output divi için birer css yazman lazım neden dersen bunların nerede olcağını bilmemiz lazım ki göründüklerinde yerlerini nasıl değiştirelim onun için
aşağıdaki verdiğim kodları head tagları arasına aynen yaz
<style type="text/css">
<!--
#gallery #nav {
position:absolute;
left:100px;
top:100px;
}
#gallery #output {
position:absolute;
left:100px;
top:125px;
}
-->
</style>
Bunları yapınca linkler veya divler nerede duracak onları ayarladık.
Diyelimki nav senin gonruntulemden kastını değilde ben tıklama ile olunca yerleri değişssin yapayım javascript sayesinde onu da yazalım bunu da head tagları arasına yaz
<script type="text/javascript">
function degis()
{
document.getElementById('nav').style.top="150px";
}
</script>
bunu da yazdıktan sonra
<div id="nav" onclick="degis();"> Link Link </div>
divine clikc olayı kısmını ekle


HEr türlü web progralama sorunlarınızda yanınızdayız.

Son Düzenleme: hsnhsynisler ~ 19 Haziran 2010 14:30