Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

table'nin içindeki table'nin width'i etkisiz olsun.?

Konu, 'Genel Webmaster Konuları' kısmında omer tarafından paylaşıldı.

  1. omer

    omer Daimi Üye

    Kayıt:
    25 Haziran 2003
    Mesajlar:
    853
    Beğenilen Mesajlar:
    8
    Merhaba,

    Aşağıdaki tabloda ikinci td'deki width değerini 50 vermeme rağmen, td'nin içerisendeki tabloda farklı bir uzunluk değeri varsa iç tablodakini uyguluyor.

    İç tablo başka biryerden otomatik geldiğinden müdehale şansım yok veya çektiğim veri ile bayağı bir uğraşmam lazım. Bunun yerine htm 'lede veya css'de veya javascript'de iç tablodaki uzunluk değerlerini devre dışı bırakabilirmiyim.

    Kod:
    <table border=1 width='40%' align=center>
    <tr>
    <td>Sol</td>
    
    <td width=50>
    <table align=center border=1 width=100><tr><td>
    İç Tablo<br><br><br><br><br><br><br><br><br><br>
    </td></tr></table>
    </td>
    
    
    <td>Sağ</td>
    </tr>
    </table>
     
  2. asker

    asker Daimi Üye

    Kayıt:
    17 Ocak 2005
    Mesajlar:
    822
    Beğenilen Mesajlar:
    0
    Meslek:
    Web Programcılığı
    Şehir:
    istanbul
    İçerideki tabloya width değeri vermek zorunda değilsin, dolayısıyla dıştaki td değerini alacaktır. Yanılıyormuyum.

     
  3. omer

    omer Daimi Üye

    Kayıt:
    25 Haziran 2003
    Mesajlar:
    853
    Beğenilen Mesajlar:
    8
    İçerideki tabloyu başka bir siteden çekiyorum o yüzden müdehale hakkım yok.
     
  4. asker

    asker Daimi Üye

    Kayıt:
    17 Ocak 2005
    Mesajlar:
    822
    Beğenilen Mesajlar:
    0
    Meslek:
    Web Programcılığı
    Şehir:
    istanbul
    hmm dıştaki td 'nin boyunu style ile sabitlesen :

    // yok ya olmadı sanırım :) denemeyi unuttum
     
  5. Kurtaran

    Kurtaran Üye

    Kayıt:
    13 Nisan 2007
    Mesajlar:
    159
    Beğenilen Mesajlar:
    0
    Bu fonksiyonla içteki table on genişliğini ayarlayabilirsin.. Ancak eğer sayfanda cok sayıda table varsa x arrayinin hangi indexinin senini istediğin table a karsılık geldiğini öğrenmeye calıs ona göre indexi yaz içine...

    Kod:
     function table_duzenle()
      {
      var x=document.getElementsByTagName("table");
      x[1].style.width="50px"; //istediğin bir değeri ver
      }
     
  6. omer

    omer Daimi Üye

    Kayıt:
    25 Haziran 2003
    Mesajlar:
    853
    Beğenilen Mesajlar:
    8
    Teşekkür ederim zannederim olacak, deneyip haber vereceğim.
     
  7. mberker

    mberker Üye

    Kayıt:
    2 Haziran 2007
    Mesajlar:
    65
    Beğenilen Mesajlar:
    0
    şöyle birşey denenebilir belki
    yalnız aşağıdaki scripti tablo kodlarından sonra yazmak lazım ki tablolar yüklenmiş olsun.
    bu arada sayfada sadece 2 tablo varsa çalışacaktır bu script. eğer farklı bir yapı varsa geliştirilebilir.

    <script type="text/javascript">
    var tablolar=document.getElementsByTagName("table");
    tablolar[1].setAttribute("width","50");
    </script>
     
  8. omer

    omer Daimi Üye

    Kayıt:
    25 Haziran 2003
    Mesajlar:
    853
    Beğenilen Mesajlar:
    8
    Kodların ikiside çalışıyor teşekkür ederim, şu anda bir sorunum'da yok,

    Ama dediğiniz gibi tablo'nun sırası daha sonra eklenecek içeriğe göre değişir ise iç tabloya değilde dış tablo'ya verilecek bir id değeri name değeri vs.. ile kodları şekillendirebilirmiyim.

    Bir alttaki kod'da demek istediğim gibi.
    Kod:
    <table border=1 width='75%' align=center id='bundan_sonrakini_şekillendir'><tr>
    <td>Sol</td>
    
    <td>
    
    <!-- MÜDAHALE EDİLEMEYEN BÖLÜM -->
    <table align=center border=1 width=500><tr><td>
    İç Tablo<br><br><br><br><br><br><br><br><br><br>
    </td></tr></table>
    <!-- MÜDAHALE EDİLEMEYEN BÖLÜM / -->
    
    </td>
    
    <td>Sağ</td>
    
    
    </tr></table>
    
    <script type="text/javascript">
    var tablolar=document.getElementsByTagName("table");
    tablolar[1].setAttribute("width","50");
    </script>
    
    Kod:
    
    
    <script>
     function table_duzenle()
      {
      var x=document.getElementsByTagName("table");
      x[1].style.width="50px"; //istediğin bir değeri ver
      }
    </script>
    
    
    <body onLoad="table_duzenle();">
    
    <table border=1 width='75%' align=center>
    <tr>
    <td>Sol</td>
    
    <td>
    <table align=center border=1 width=500><tr><td>
    İç Tablo<br><br><br><br><br><br><br><br><br><br>
    </td></tr></table>
    </td>
    
    
    <td>Sağ</td>
    </tr>
    </table>
    


    Kod:
    <body>
    
    <table border=1 width='75%' align=center>
    <tr>
    <td>Sol</td>
    
    <td>
    <table align=center border=1 width=500><tr><td>
    İç Tablo<br><br><br><br><br><br><br><br><br><br>
    </td></tr></table>
    </td>
    
    
    <td>Sağ</td>
    </tr>
    </table>
    
    <script type="text/javascript">
    var tablolar=document.getElementsByTagName("table");
    tablolar[1].setAttribute("width","50");
    </script>
    
     
  9. mberker

    mberker Üye

    Kayıt:
    2 Haziran 2007
    Mesajlar:
    65
    Beğenilen Mesajlar:
    0
    eger dis tabloya dis_tablo idsini atarsak asagidaki gibi bir kod isinizi gorebilir

    Kod:
    <table border=1 width='75%' align=center id='dis_tablo'><tr>
    <td>Sol</td>
    
    <td>
    
    Kod:
    <script type="text/javascript">
    //dis tabloyu degiskene ata
    var dis_tablo=document.getElementById("dis_tablo");
    //dis tablo icindeki butun tablolari degiskene ata
    var ic_tablo=dis_tablo.getElementsByTagName("table");
    //ilk siradaki tablonun genisligini 100px yap
    ic_tablo[0].setAttribute("width","100");
    </script>
    
     
  10. omer

    omer Daimi Üye

    Kayıt:
    25 Haziran 2003
    Mesajlar:
    853
    Beğenilen Mesajlar:
    8
    çok teşekkürler, çok işime yaradı.
     
  11. mberker

    mberker Üye

    Kayıt:
    2 Haziran 2007
    Mesajlar:
    65
    Beğenilen Mesajlar:
    0
    rica ederim iyi çalışmalar :)