Logowanie

CSS - stylizacja tabeli ( problem z ustawieniem wartości właściwości min-height dla pól )

pytanie zadane 25 stycznia 2019 w HTML i CSS przez Jakub 0 Pasjonat (23,120 p.)
zamknięte 25 stycznia 2019 przez Jakub 0

Witam, mam taki prosty kod HTML i CSS:

<!DOCTYPE html>

<html lang="pl-PL">

    <head>
        <meta charset="utf-8"/>

        <style>

            table, th, td {
                border: 1px black solid;
            }

            th, td {
                min-width: 100px;
                height: 100px;
                text-align: center;
                line-height: 100px;
            }

        </style>

    </head>

    <body>

        <div style="margin: 50px;"></div> 

        <table>
            <tr>
                <td>One</td>
                <td>Two</td>
            </tr>

            <tr>
                <td>Three</td>
                <td>Four</td>
            </tr>
        </table>

    </body>

</html>

Chodzi mi o ten fragment:

th, td { 
      min-width: 100px; 
      height: 100px; 
      text-align: center; 
      line-height: 100px;
}

Właściwość height działa popranie, ale kiedy zapisze min-height to już nic się nie zmienia. Nie wiem z czego to wynika...

Może problem prozaiczny, ale jak się mówi... diabeł tkwi w szczegółach :)

Dziękuje za pomoc.

komentarz zamknięcia: problem rozwiązany.

1 odpowiedź

odpowiedź 25 stycznia 2019 przez arces Pasjonat (17,700 p.)
wybrane 25 stycznia 2019 przez Jakub 0

Najlepsza

Jak nadasz im display: inline-block, to również min-height będzie działać. Pytanie do czego chcesz to wykorzystać?

komentarz 25 stycznia 2019 przez Jakub 0 Pasjonat (23,120 p.)
edycja 25 stycznia 2019 przez Jakub 0

Dziękuje, no bo mogę chcieć żeby komórki tabeli miały startową wysokość, ale też by w razie czego mogły być rozszerzone...

* Moja pomyłka, dla samego width czy height komórki też automatycznie się rozszerzą. Czytałem że border'y dla tabel ustawiamy tak samo jak dla bloków, i skojarzyło mi się błędnie że pola tabel domyślnie są elementami blokowymi...

Podobne pytania

+2 głosów

1 odpowiedź 6,363 wizyt

[CR] CSS (#2): Stylizacja szablonu strony. Właściwości CSS w akcji

pytanie zadane 13 czerwca 2016 w Nasze poradniki przez Mirosław Zelent Nałogowiec (34,750 p.)

+3 głosów

1 odpowiedź 3,117 wizyt

[CR] CSS (#4): Stylizowanie pól formularza (inputów)

pytanie zadane 4 sierpnia 2016 w Nasze poradniki przez Mirosław Zelent Nałogowiec (34,750 p.)

0 głosów

1 odpowiedź 576 wizyt

Domyślne style CSS "user agent stylesheet" dla inputów

pytanie zadane 20 grudnia 2018 w HTML i CSS przez niezalogowany

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

CSS - stylizacja tabeli ( problem z ustawieniem wartości właściwości min-height dla pól )

Zaloguj lub zarejestruj się, aby skomentować.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci