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

Ustawienie tekstu na obrazku.

VPS Starter Arubacloud
0 głosów
279 wizyt
pytanie zadane 5 maja 2016 w HTML i CSS przez cienkicinek Użytkownik (720 p.)
zmienione kategorie 6 maja 2016 przez Arkadiusz Waluk

Nie mam pomysłu jak umieścić treść h1 na obrazku. Kombinuję i kombinuję, ale cały czas pojawia się pod nim. Jest kilka takich div'ów-obrazków, które chciałbym umieścić pod sobą (zajmowałyby całą szerokość strony).

<div id="about"><img class="aboutPic" src="images/about.jpg" alt="Zdjęcie w tle" /><h1>O nas</h1></div>

 

5 odpowiedzi

0 głosów
odpowiedź 5 maja 2016 przez niezalogowany

Ustaw tło div#about w CSSsie jako zdjęcie - background-image MDN

0 głosów
odpowiedź 5 maja 2016 przez kubaapk Nałogowiec (44,270 p.)
edycja 5 maja 2016 przez kubaapk

Np. tak, czego nie polecam http://codepen.io/anon/pen/zqyRVM

 

Widzę, że w alcie dałeś "zdjęcie w tle", jeśli faktycznie ma być ono tłem dla tekstu to daj divowi #about 

background-image: url('sciezka_do_pliku');

 

0 głosów
odpowiedź 5 maja 2016 przez Alwox Gaduła (4,840 p.)
Do zmiany kolejności warstw elementów możesz użyć index-z.
komentarz 5 maja 2016 przez Mateusz11 Pasjonat (22,910 p.)
Jak już to z-index
0 głosów
odpowiedź 6 maja 2016 przez cienkicinek Użytkownik (720 p.)
Dobra, rozumiem. Ale jak potem dostosować wysokość i szerokość div'a do okna przeglądarki tak, żeby cały background-image był wyświetlony (dostosowany do szerokości okna)?
komentarz 6 maja 2016 przez niezalogowany
–2 głosów
odpowiedź 5 maja 2016 przez Mateusz11 Pasjonat (22,910 p.)
<figure>
	<img src="http://example.net/images/obrazek.png" alt="Ważny obrazek">
	<figcaption>Bardzo ważny obrazek[…],który jest bardzo ważny</figcaption>
</figure>

 

Podobne pytania

0 głosów
1 odpowiedź 148 wizyt
pytanie zadane 25 sierpnia 2016 w HTML i CSS przez Castehard Początkujący (330 p.)
0 głosów
2 odpowiedzi 1,287 wizyt
pytanie zadane 12 lipca 2017 w Rozwój zawodowy, nauka, praca przez cinek4 Nowicjusz (180 p.)
0 głosów
4 odpowiedzi 358 wizyt
pytanie zadane 16 grudnia 2020 w HTML i CSS przez AgentTecza Obywatel (1,810 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

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!

...