+ Yanıtla
Toplam 4 sonuçtan 1 ile 4 arası olanlar

Konu Başlığı: Div layer altındaki form öğeleri

  1. #1

    Div layer altındaki form öğeleri

    Merhabalar,

    Hiç br yerde bulamadım en sonunda yazmak istedim. Sayfada bir tane rollover banner var. Bu bannerı bir div içine koydum. Sayfa içeriğinde de bir form var. Bannerın üzerine gelince banner aşağıya doğru açılıyor ve formun üstünde tam olarak görünüyor. Sorunum şu: div formun üstüne geldiği için formdaki inputboxlara veri giremiyorum. Linkler tıklanıyor ama inputboxlar seçilemiyor. Firefox'da linkler de tıklanmıyor. Bu bir bugmış. div layerın boyutlarını 1px, 1px yaptım. Ancak içine transparan SWF koyduğum zaman divin boyutu SWF kadar olduğu için yine form elemanlarına erişilmiyor. Inputbox üzerine gelince layerı saklamak için js kodu ekledim. Ama div en üstte olduğu için hiç bir işe yaramadı. div'in z-index'ini -1 yaptım. Bu sefer rollover banner çalışmadı. Çalışan tek bir yer gördüm. Nasıl olduğunu anlayamadım. Hürriyet'in en üst sağ köşesinde aramak için bir textbox var. hemen üstünde rollover banner var (bazen gözüküyor). Bu konuda yardımcı olur musunuz?

    şimdiden teşekkürler.

  2. #2

    Re: Div layer altındaki form öğeleri

    Sayfaya bir bağlantı verebilir misin? Her ne kadar kafamda canlandırmaya çalıştıysam da senin anlattığın şekilde ve sorun yaratacak bir şey düşünemedim Bağlantıyı verirsen çok daha rahat yardımcı olabiliriz

  3. #3

  4. #4

    Re: Div layer altındaki form öğeleri

    Problemi çözdüm. Benim sormak istediğim herhangi bir CSS öğesi ile HTML öğesi ile mi çözüm var mı? Ufak bir js hile hallettim. Başka bir iş ile uğraşınca çözüm geliyor

    Çözüm:

    <script>
    function sakla(){
    var obj = document.getElementById("Layer1");
    obj.style.width='468px'; obj.style.height='60px'; obj.style.overflow='hidden';
    }

    function goster(){
    var obj = document.getElementById("Layer1");
    obj.style.width='468px'; obj.style.height='220px'; obj.style.overflow='hidden';
    }
    </script>
    <style>
    #Layer1 {
    width:468px; height:60px; z-index:545456; position:absolute;
    }
    </style>

+ Yanıtla

Bu konu başlığı için etiketler

Mesaj Seçenekleri

  • Yeni başlık açamazsınız
  • Cevap yazabilirsiniz
  • Dosya ekleyemezsiniz
  • Mesajlarınızı değiştiremezsiniz