Obrazy / Images

Zdjęcia, grafiki, ikony – to nieodłączne elementy nowoczesnych stron internetowych. W tym wpisie zajmiemy się przygotowaniem responsywnego obrazu, czyli takiego, który będzie się proporcjonalnie zwiększał/zmniejszał w zależności od rozdzielczości. Dodatkowo poznamy kilka klas, które pozwalają na zmianę kształtu zdjęcia czy grafiki oraz dowiemy się jak ustawiać je do prawej, lewej czy wyśrodkować. Obraz responsywny Aby […]

Obrazy z podpisem / Figures

Wraz z HTML5 pojawił się nowy znacznik <figure>, który ma służyć do umieszczania w jego wnętrzu obrazów, diagramów, ilustracji z opcjonalnym podpisem umieszczonym wewnątrz <figcaption>. Ten tag jest również wstępnie ostylowany przez twórców Bootstrapa. Jego struktura jest następująca: Znacznik <figure class=”figure”>…</figure> Wewnątrz niego znacznik <img src=”…” class=”figure-img img-fluid”> I również wewnątrz <figure> znacznik <figcaption class=”figure-caption”>Opis […]