Jak na tuto HTML tabulku?

Vojtěch Kocián

verified

(29 hodnocení)

12. 10. 2016 16:00:25

Zdravím,

dostal se mi pod ruce oříšek, se kterým jsem se ještě nesetkal.

Navržená tabulka:

CtrlV.cz | Nejrychlejší ScreenShot a PrintScreen online

Nevím jak dosáhnout těch mezer u okraje ze všech stran.

Je možné vůbec takovou tabulku nastylovat pomocí CSS?

Děkuji za radu.

12. 10. 2016 16:00:25

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-na-tuto-html-tabulku/#reply1229760

verified

12. 10. 2016 18:29:37

Ahoj,

Celý sloupec je tu dáš ty buňky a dáš jim potřebný border, tak bych to alespoň udělal já :D

12. 10. 2016 18:29:37

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-na-tuto-html-tabulku/#reply1229759

verified

12. 10. 2016 19:31:56

Evidentně je to blbě nakoděný, páč se ti to opírá v pravo, ale pokud to chceš takto tak rozměr tabulky menší o cca 8 px a okolo div nebo class a napozicovat relativně - takhle blbě :-)

Doplnění - ano jde to i ve stylech, ale proč by to někdo dělal? Proto je ten tag "table", aby si v něm udělal tabulku, já být tebou, tak nevymýšlím kolo.

12. 10. 2016 19:31:56

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-na-tuto-html-tabulku/#reply1229758

verified

12. 10. 2016 19:36:51

myslim ze nechapete na co se pta...

12. 10. 2016 19:36:51

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-na-tuto-html-tabulku/#reply1229757

verified

12. 10. 2016 19:47:54

Napsal tallpa;1331253
myslim ze nechapete na co se pta...

Sakryš máte recht, ty mezery jsem přehlédnul :-)

Tak jinak -

1 sloupec border-left: 1;

2 sloupec border-bottom/top 1 (kde dáváš styly tr/td)

3 sloupec border-right: 1

A šířku 1 a 3 sloupce co já vím kolik to dělá 7px (to je to volné místo) a prostřední např. 50px

12. 10. 2016 19:47:54

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-na-tuto-html-tabulku/#reply1229756

verified

(20 hodnocení)

12. 10. 2016 20:03:14

Edit fiddle - JSFiddle - brat s rezervou, bylo to prvni co me napadlo

12. 10. 2016 20:03:14

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-na-tuto-html-tabulku/#reply1229755

Vojtěch Kocián

verified

(29 hodnocení)

12. 10. 2016 20:35:18

aha, tabulka v tabulce, to mě nenapadlo.

Díky!

12. 10. 2016 20:35:18

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/jak-na-tuto-html-tabulku/#reply1229754

Pro odpověď se přihlašte.

Prodej Více

Prodej zavedené firmy na skartaci dokumentů v Berouně (cca 250 stálých zákazníků)

2 000 000 Kč

0 příhozů

Prodej zavedeného centra přístrojové estetiky Perfectology Brno-Jundrov

1 500 000 Kč

0 příhozů

Prodej e-shopu Drsnej.cz – oblečení a doplňky

300 000 Kč

0 příhozů

Přenechám zavedenou šicí dílnu spodního prádla a plavek v Ostravě (36 let)

1 000 Kč

0 příhozů

firma organizující veřejné zakázky na stavení práce i zařizování dotací

9 999 999 Kč

0 příhozů

Poptávky Více

Zajištění softwarových licencí a souvisejících služeb

Hledáme Webdesignéra s přesahem na UX

Zajištění správy, údržby a rozvoje informačních systémů

Poptávka na pořízení AI serverů

Hledám UX/UI designéra a webdesignéra (WordPress/Elementor/Astra)

Pracovní nabídky Více

Junior IT Analyst

Hradec Králové, Pardubice

Backend vývojář systémového jádra (C++/Python)

Brno, Práce z domu

Junior Developer Python / Django / AI projekty

Práce z domu, Praha

Junior Project Manager

IT Security Officer

Hradec Králové, Praha

Nabídky Více

PPC a reklamy na sociálních sítích – META, TIKTOK, GOOGLE, SKLIK | Přes 10 let zkušeností | Proinvestováno 90+ mil. Kč | Garance plnění vašich cílů

Nabídka překladu do slovenštiny

Individuální úpravy Shoptet e-shopů | HTML, CSS, JavaScript a UI/UX

Technická analýza Vašeho webu od vývojáře ZDARMA

Linux servery, DevOps, automatizace a AI | 9 let praxe