Forum Sveta kompjutera  

Nazad   Forum Sveta kompjutera > Internet > Web razvoj > Web dizajn

Web dizajn Saveti u vezi dizajna sajtova

Odgovor
 
Alatke vezane za temu Vrste prikaza
Stara 28.8.2017, 21:35   #1
M1los
Starosedelac
 
Član od: 13.5.2006.
Lokacija: Prijedor, RS
Poruke: 1.468
Zahvalnice: 774
Zahvaljeno 105 puta na 83 poruka
Slanje poruke preko MSN-a korisniku M1los
Određen forumom Tabela fiksne visine?

Pozdrav!
Pravim sajt koji će na početnoj stranici imati šest tabela sa raznim podacima. Fino sam uklopio i dizajnirao tabele, sve super.
Problem je što svaka tabela ima različit broj redova, pa to i ne izgleda baš sjajno. Želim da svaka tabela ima fiksnu visinu, i da se, ako ima više redova, omogući skrolovanje tabele.
Pokušao sam sa primjenom height i max-height atributa na tabele, ali on ne radi apsolutno ništa u ovom slučaju

Može li mi neko pomoći?
M1los je offline   Odgovor sa citatom ove poruke
Stara 29.8.2017, 3:09   #2
Neutrino
Deo inventara foruma
 
Član od: 17.6.2011.
Poruke: 6.523
Zahvalnice: 88
Zahvaljeno 2.763 puta na 1.716 poruka
Određen forumom Re: Tabela fiksne visine?

HTML tabele nemaju podršku za skrolovanje tako da moraš da koristiš spoljašnji kontejner na kojem ćeš minimalno da zadaš sledeći set CSS atributa.

Kod:
max-height: [maksimalna visina];
overflow-x: hidden;
overflow-y: auto;
Napravio sam DEMO gde možeš da vidiš praktičnu implementaciju.

Rows i Max height selektore možeš da koristiš da bi video kako se tabela i kontejner ponašaju kada se promeni broj redova u tabeli i maksimalno dozvoljena visina spoljašnjeg kontejnera.
Neutrino je offline   Odgovor sa citatom ove poruke
Sledeći korisnik se zahvaljuje korisniku Neutrino na korisnoj poruci:
M1los (9.9.2017)
Stara 9.9.2017, 20:11   #3
M1los
Starosedelac
 
Član od: 13.5.2006.
Lokacija: Prijedor, RS
Poruke: 1.468
Zahvalnice: 774
Zahvaljeno 105 puta na 83 poruka
Slanje poruke preko MSN-a korisniku M1los
Određen forumom Re: Tabela fiksne visine?

Тек сад сам дошао до компа и испробао. Ради! Хвала много на помоћи
Сад ми је циљ да направим да header табеле остане видљив док се скрола. Ако запнем, опет ћу викати упомоћ
M1los je offline   Odgovor sa citatom ove poruke
Stara 10.9.2017, 4:33   #4
Neutrino
Deo inventara foruma
 
Član od: 17.6.2011.
Poruke: 6.523
Zahvalnice: 88
Zahvaljeno 2.763 puta na 1.716 poruka
Određen forumom Re: Tabela fiksne visine?

Fiksirani header na responsive tabeli koja podržava skrol i uz to maksimalno dozvoljenu visinu nije uopšte naivan problem.

Jedno od rešenja je razdvajanje tabele u standardne thead i tbody sekcije pa onda detekcija postojanja skrola na tbody sekciji nakon čega se thead sekciji dodaje padding sa desne strane koji je jednak razlici širine kontejnera oko tabele i ukupne širine bilo kog tbody reda.

Pošto ovo verovatno zvuči komplikovanije nego što jeste evo demonstracije.
Neutrino je offline   Odgovor sa citatom ove poruke
Odgovor

Bookmarks sajtovi

Tagovi
css, height, html, tabele

Alatke vezane za temu
Vrste prikaza

Vaš status
Ne možete postavljati teme
Ne možete odgovarati na poruke
Ne možete slati priloge uz poruke
Ne možete prepravljati svoje poruke

BB kod: uključeno
Smajliji: uključeno
[IMG] kod: uključeno
HTML kod: isključeno


Slične teme
tema temu započeo forum Odgovora Poslednja poruka
Tabela u boji beliorao Web dizajn 5 29.10.2013 9:20
Kontakt Obrazac-sablon (tabela za unosenje podataka potencijalnog klijenta) tigra Web razvoj 2 18.2.2012 21:21
Telenor kao operater fiksne telefonije miša topola Internet usluge 4 19.2.2011 19:38
Moguće poskupljenje fiksne telefonije aLti Internet usluge 26 7.5.2008 18:31
MS Access i importovanje tabela iz Excela Demosten Programiranje 3 1.2.2008 15:24


Sva vremena su po Griniču +2 h. Sada je 8:19.


Powered by vBulletin® verzija 3.8.7
Copyright ©2000–2018, vBulletin Solutions, Inc.
Hosted by Beograd.com