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

pozycjonowanie: div nad obrazkiem

VPS Starter Arubacloud
0 głosów
347 wizyt
pytanie zadane 23 czerwca 2019 w Rozwój zawodowy, nauka, praca przez rice Początkujący (440 p.)

Witam
Chciałbym wy pozycjonować nad obrazkiem teks zamknięty w divie ale mi to nie wychodzi..

 <header>
        <div class="a">
            <h1>Lorem ipsum dolor sit amet</h1>
            <h2>Sequi veritatis nobis enim, culpa!</h2>
            <img src="img/szabo-viktor-1658348-unsplash.jpg">
        </div>

    </header>
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    font-size: 10px;
}

header {
    width: 100%;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
}

header img {
    
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

div .a {
    color: firebrick;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

 

Jeśli się odniosę bezpośrednio do h1 czy h2 (tak jak to tyczy się "div .a") to owszem ustawi mi się wszystko dobrze. tylko z tym że ja chciałbym to zamknąć w divie i ustawić całą jego zawartość nad obrazem a nie pojedynczo.

Co do wczytywania się obrazu.. Nie wiem jak to zrobić inaczej dla tego tak to piszę ale chodzi w teorii o to by każda sekcja była na cały ekran i potem jedna na drugą się najeździła z innym tłem..

Mam nadzieję że zrozumiale wszystko wyjaśniłem.
Dziękuję bardzo serdecznie za wszelką pomoc jak i informację.
Pozdrawiam - P

1 odpowiedź

0 głosów
odpowiedź 23 czerwca 2019 przez pablop76 VIP (123,060 p.)

div .a odnosi się do klasy 'a' wewnątrz 'div' a u Ciebie takiego zagnieżdżenia nie ma. W Twoim przypadku jest div, któremu nadałeś klasę a więc css powinien wyglądać tak (be spacji)

div.a{
...
}

Nie stosuj a dla nazwy klasy ponieważ jest to oznaczenie hiperłącza w html

komentarz 23 czerwca 2019 przez Tomek Sochacki Ekspert (227,510 p.)

Nie stosuj a dla nazwy klasy ponieważ jest to oznaczenie hiperłącza w html

to raz, a dwa, taka nazwa jest kompletnie nieczytelna i niezrozumiała... za miesiąc sam nie będziesz pamiętał co ona oznacza:)

Podobne pytania

0 głosów
1 odpowiedź 405 wizyt
pytanie zadane 29 sierpnia 2018 w HTML i CSS przez anonim12345 Użytkownik (510 p.)
0 głosów
1 odpowiedź 609 wizyt
pytanie zadane 23 sierpnia 2018 w HTML i CSS przez FutrzaQQ Nowicjusz (180 p.)
0 głosów
1 odpowiedź 106 wizyt
pytanie zadane 9 stycznia 2018 w HTML i CSS przez Xerox Początkujący (250 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 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!

...