Dlaczego nie działa display:block?

pytanie zadane 24 grudnia 2017 w HTML i CSS przez ildan91 Użytkownik (630 p.)

Witam, kod w linku. Niektóre problemy z wyświetlaniem strony są chyba spowodowane penem bo notepadzie++ one nie występują.

komentarz 24 grudnia 2017 przez mtk3d Nałogowiec (46,690 p.)

Nie ma linku

komentarz 24 grudnia 2017 przez jpacanowski VIP (101,940 p.)

Moja szklana kula mówi mi, że... AH, PADŁA MI BATERIA...

komentarz 24 grudnia 2017 przez ildan91 Użytkownik (630 p.)

https://codepen.io/szymon91/pen/XVdozz miał być :D proszę

komentarz 28 grudnia 2017 przez Bazinga Bywalec (2,120 p.)

Problemem jest sztywne ustalanie wysokości i szerokości wszystkich elementów, dzięki czemu strona wyświetla się prawidłowo tylko na szerokości ekranu 1920px;/

Tutaj rozwiązaniem jest:

ol > li {
height: 80px;
}

komentarz 29 grudnia 2017 przez ildan91 Użytkownik (630 p.)

To rozwiązanie nic nie daje niestety, ale dzięki za chęci. Chyba będę musiał po prostu znacznik a dać poza <li> a nie w <li>. Twoje rozwiązanie dało jedynie tyle, że po najechaniu na konkretnego <li> rozszerza go z 28px do 80px to wszystko co średnio wygląda.

komentarz 30 grudnia 2017 przez Bazinga Bywalec (2,120 p.)

Wejdź w swojego codepen-a.
Kliknij Settings//CSS i usuń Bootstrap.css.
Stronka działa już normalnie.

Natomiast powtórzę, że błędem jest sztywne ustalanie szerokości,i wysokości wszystkich elementów. Później będziesz miał sto razy więcej pracy, żeby strona wyświetlała się dobrze na szerokości ekranu mniejszej niż 1920 pikseli.

komentarz 31 grudnia 2017 przez ildan91 Użytkownik (630 p.)

No już tego boostrapa bym usunał bez pomocy heh ale dziękuję . Niestety samo usunięcie height nic nie daje. Klikając pod napisem albo nad napisem nie działa. Tylko po bokach napisu. Chcę zeby hiperłącze działało na całej powierzchni <li>