html, css - tabelka

Question

Witam :) Robię tabelkę i prawie wszystko jest ok, ale mam jeden problem. Tabelka na chwilę obecną wygląda tak: 

Zależy mi na tym, aby środkowa kolumna w nagłówku miała dodatkowy padding z góry i tym samym była troszkę większa niż 2 pozostałe. Jednak gdy nawet oznaczę header klasą i dodam padding. Sytuacja wygląda tak, że do każdego headera jest przydzielone dodatkowe wypełnienie. Sytuacja po paddingu wygląda tak:

Czarną linią oznaczyłem to, że wypełnienie nad nią chciałbym usunąć w 2 komórkach, a w środkowej zostawić. Chciałbym doprowadzić to do takiej postaci.

Answer 1

Hm, można kombinować ze zmianą wartości display poszczególnych kolumn i wówczas bawić się w różne rzeczy ;) Polecam artek https://css-tricks.com/complete-guide-table-element/

Comments

Względnie lista definicji, bo można ją fajnie ostylować: https://jsfiddle.net/Comandeer/z1hzbkqp/

Answer 2

Dodaj do klasy center dodatkowy padding z góry a w klasie center h1 powiększ?

PS. Jeżeli chodziło Ci o słowo oznaczające standard, poziom to piszę się go przez D, a nie na końcu [standard]

Comments

oj, literówka :) dzięki. Mówię, że to nie działa bo zachowanie jest takie jak na 2 screenie.

---

Faktycznie, czy musisz robić to na tablkach? Po prostu one tak się zachowują. Proponuję tutaj skorzystać z ul. Jak takie coś zrobić znajdziesz tutaj: https://coveloping.com/tools/pricing-tables

Answer 3

Kod, człowieku, kod.

Comments

Po co kod? Nie pytam się o buga w kodzie czy gotowe rozwiązanie ale tylko o pomysł. To, że prosisz o kod w tej chwili oznacza, że nie masz pomysłu i wątpię czy cokolwiek zrobisz, ale jeżeli chcesz kod to masz: http://szmq.site88.net/motion/

---

Ta twoja stronka nie chce się ładować 

---

Zapewniam Cię, że wszystko jest ok :)