• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wyśrodkowany img jako odsyłacz do strony

VPS Starter Arubacloud
0 głosów
141 wizyt
pytanie zadane 28 lutego 2018 w HTML i CSS przez Kamilos1906 Nowicjusz (240 p.)

Witam, moim zadaniem jest stworzyć coś na styl bloga. Każdy kolejny artykuł jeden pod drugim, w tym wypadku odsyłaczem do każdego artykułu jest zdjęcie. Stosując zasadę mobile first, wszystko jest responsywne i dobrze skalowane. Problem zaczyna się w momencie powiększania strony obrazy osiągają swoje max-width 100% i wyrównują do lewej. Ustawiam display img: block i margin: 0 auto. Wszystko ładnie się centruje ale odsyłaczem nie jest już tylko img tylko cała szerokość strony wysokości zdjęcia. A ja chcę żeby odsyłaczem był tylko img.

<article>
      <a href="">
        <img src="4.jpg" alt="obraz1"></a>
        <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
        eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
        ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
    </article>
img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

 

1 odpowiedź

0 głosów
odpowiedź 28 lutego 2018 przez arces Pasjonat (17,700 p.)
wybrane 28 lutego 2018 przez Kamilos1906
komentarz 28 lutego 2018 przez arces Pasjonat (17,700 p.)
Masz tam wersję z flexboxem i bez flexa. Wg mnie jednak lepiej skorzystać z czegoś nowszego i zaznajomić się z flexem.

Podobne pytania

0 głosów
2 odpowiedzi 249 wizyt
0 głosów
4 odpowiedzi 2,517 wizyt
+1 głos
1 odpowiedź 261 wizyt
pytanie zadane 27 września 2017 w HTML i CSS przez shy_fox Gaduła (4,320 p.)

92,832 zapytań

141,777 odpowiedzi

320,822 komentarzy

62,162 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

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!

...