Forum
Aktif konular
Üyeler
Kurallar
Arama
HTML Ve CSS İle İlgili Tablo Problemi HTML Ve CSS İle İlgili Tablo Problemi
-
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.
-
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.
asdasol asd asdsolasdasdastesekkurler 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 -
Bence imkansız hem solu hem üstü kodsuz kitlemek
-
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.
-
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?
-
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 -
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/
-
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
-
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.
-
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
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla