folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder HTML Ve CSS İle İlgili Tablo Problemi



HTML Ve CSS İle İlgili Tablo Problemi

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wh0
    wh0's avatar
    Kayıt Tarihi: 21/Temmuz/2008
    Homo
    outmost bunu yazdı
    WH0 bunu yazdı

    merhaba outmost,

    aslinda tam istedigim sey asagidaki linkte verdigim ornektir.

    http://jsfiddle.net/C8Dtf/366/

    ama ilk mesajimda belirttigim gibi extra javascript / jquery kullanmadan pure-css/html kullanarak yapmak istiyorum.

    Hacı modern web teknolojileri kullanmak istememenin nedeni nedir? Fonksiyonel olarak yetersiz olduğu için pure-css/html tek başına pek tercih edilmiyor. +Ekstra bir sürü iş istiyor.

    verdiğin örneğin demosu gayet güzelmiş : https://datatables.net/extras/fixedheader/

    Pure CSS/HTML ile nasıl yapılır araması;

    https://www.google.com/search?q=Pure%20CSS%20Scrollable%20Table%20with%20Fixed%20Header

    gördüğün üzere yıllanmış tutorialler +çok çirkin ve kullanışsız duruyor. fonksiyonel olarak modern bir kullanıcı arabirimde olması gereken özellikleri de ekliyeceksen bir sürü iş çıkarır sana.

    http://salzerdesign.com/test/fixedTable.html

    http://www.imaputz.com/cssStuff/bigFourVersion.html

    http://www.imaputz.com/cssStuff/bulletVersion.html

    ...

    modern teknolojiyi kullanamiyorum malesef.

     

    http://jsfiddle.net/emn13/YMvk9/

     

    bu ornekde adam sol tarafi sabitlemis.

    ust tarafi da sabitlemek istiyorum ben

    kendi ornegim uzerinde ust kismi fixed yapinca

    thead stiline position:fixed; verince, gorunum %100 iken, dagilmalar oluyor.

     


    -
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wh0
    wh0's avatar
    Kayıt Tarihi: 21/Temmuz/2008
    Homo
    manglerman bunu yazdı

    3 farklı div kullan.

    1) soldaki satır başlıkları

    2) üstteki sütun başlıkları

    3) veri kısmı

     

    veri olan kısmı

    width:80%;

    height:80%;

    display:inline;

     

    yap soldaki satı başlıklarını:

    position:fixed:

    float:left

    width:20%;

     

    üstteki sütun başlıklarını

    position:fixed.

    heigtht:20%;

    clear:both;

     

     

    muhtemelen olacaktır.

     

    ufak tefek kayma olusa rakamlarla oyna. padding margin filan kullan.

     

    edit: al la :) sabah sabah uğraştım yaptım :) yüzdelerle istediğin gibi oyna.

    asda
    sol asd asd
    solasdasdas

     

    tesekkurler hocam ama bosuna ugrasmissiniz,cunku ilk konuda ekledigim sablonu indirip inceleseydiniz ihtiyacim olanin bu olmadigini gorurdunuz:)

    iyi forumlar.

    wh0 tarafından 12/Mar/14 11:40 tarihinde düzenlenmiştir

    -
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Tarikat Şeyhi
    HolyOne
    HolyOne's avatar
    Kayıt Tarihi: 01/Haziran/2002
    Erkek

    Bence imkansız hem solu hem üstü kodsuz kitlemek


    Nush ile uslanmayanı etmeli tekdir, Tekdir ile uslanmayanın hakkı kötektir!
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Böcüklerin Efendisi
    krypt
    krypt's avatar
    Kayıt Tarihi: 05/Mart/2004
    Erkek
    HolyOne bunu yazdı

    Bence imkansız hem solu hem üstü kodsuz kitlemek

    Şu an bakamıyorum ama mümkün bence. Ama uygun olmayan ve karmaşık CSS gerektiriyor gibi. Pratik değil yani.


    while (1<2)
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wh0
    wh0's avatar
    Kayıt Tarihi: 21/Temmuz/2008
    Homo
    KrypT bunu yazdı
    HolyOne bunu yazdı

    Bence imkansız hem solu hem üstü kodsuz kitlemek

    Şu an bakamıyorum ama mümkün bence. Ama uygun olmayan ve karmaşık CSS gerektiriyor gibi. Pratik değil yani.

    hocam uygun olmayan karmasik CSS den kastin nedir?

    Advanced/Complex CSS diye bisey mi var?


    -
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Böcüklerin Efendisi
    krypt
    krypt's avatar
    Kayıt Tarihi: 05/Mart/2004
    Erkek

    Semantics. Bir kere sabit kalacak kısımlar tablodan çıkıcak gibi duruyor.

    krypt tarafından 12/Mar/14 12:02 tarihinde düzenlenmiştir

    while (1<2)
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Bartimaeus
    Bartimaeus's avatar
    Kayıt Tarihi: 29/Aralık/2009
    Erkek

    Html Css konusunda pek bilgim yok ama uzun uğraşlar sonucu bunu çıkarabildim :)

    Tam istediğin değil belki ama işine yarar herhalde:

    http://jsfiddle.net/Qzq8V/

  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    manglerman
    manglerman's avatar
    Kayıt Tarihi: 30/Aralık/2003
    Erkek
    Bartimaeus bunu yazdı

    Html Css konusunda pek bilgim yok ama uzun uğraşlar sonucu bunu çıkarabildim :)

    Tam istediğin değil belki ama işine yarar herhalde:

    http://jsfiddle.net/Qzq8V/

    ekran çözünürlüğün kaç bilmiyorum ama bende tam bir facia görünüyor :D


    türk kızlarından sabun yapalım, rus kızları elini yıkasın.:)
  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Bartimaeus
    Bartimaeus's avatar
    Kayıt Tarihi: 29/Aralık/2009
    Erkek
    manglerman bunu yazdı
    Bartimaeus bunu yazdı

    Html Css konusunda pek bilgim yok ama uzun uğraşlar sonucu bunu çıkarabildim :)

    Tam istediğin değil belki ama işine yarar herhalde:

    http://jsfiddle.net/Qzq8V/

    ekran çözünürlüğün kaç bilmiyorum ama bende tam bir facia görünüyor :D

    Hadi yav :D Ben de düzgün gözüküyor halbuki. Browser ekranını küçültüp filan da denemistim :) 

    Şimdi başka çözünürlüğe sahip bir bilgisayarda da baktım oradada aynı gözüküyor.

  10. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wh0
    wh0's avatar
    Kayıt Tarihi: 21/Temmuz/2008
    Homo
    manglerman bunu yazdı
    Bartimaeus bunu yazdı

    Html Css konusunda pek bilgim yok ama uzun uğraşlar sonucu bunu çıkarabildim :)

    Tam istediğin değil belki ama işine yarar herhalde:

    http://jsfiddle.net/Qzq8V/

    ekran çözünürlüğün kaç bilmiyorum ama bende tam bir facia görünüyor :D

    merhaba Bartimaeus,

    manglerman in dedigi gibi biraz sorunlar var evet ama sonuc olarak pure-css ve html ile tablonun ilk satiri ve ilk sutununun sabitlenebildigini gorduk :) kaymalari vs duzeltmeye, toparlamaya calisacagim. bitirince paylasirim.

    Bilmeyenler icin;
    firefox tarayicinizin CTRL + SHIFT + M tuslarina basarak gelen pencereden istediginiz bir sayfanin farkli cozunurlukteki gorunumunu gorebilirsiniz.

    tesekkurler.

     

    wh0 tarafından 12/Mar/14 13:42 tarihinde düzenlenmiştir

    -
Toplam Hit: 1807 Toplam Mesaj: 23