• 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

Aruba Cloud - Virtual Private Server VPS
0 głosów
177 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 320 wizyt
0 głosów
4 odpowiedzi 2,952 wizyt
+1 głos
1 odpowiedź 279 wizyt
pytanie zadane 27 września 2017 w HTML i CSS przez shy_fox Gaduła (4,320 p.)

93,335 zapytań

142,330 odpowiedzi

322,415 komentarzy

62,669 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...