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

question-closed CSS hover/podswietlenie

VPS Starter Arubacloud
+1 głos
411 wizyt
pytanie zadane 28 lipca 2021 w HTML i CSS przez EmilB Użytkownik (980 p.)
zamknięte 2 sierpnia 2021 przez EmilB
Witam, mógłby ktoś podać jakiś pomysł jak rozwiązać sprawę tego hoveru. Jeśli najeżdzam na zdjęcie potrzebuje, aby na dole wyświetlał się pasek jak jest, a na nim tekst - trochę chaos w kodzie zrobiłem - nie mam pomysłu jak to inaczej rozwiązać. + jeśli najeżdzam na prostokąt - obojętne, gdzie to wyświetla się pasek z tekstem.

www.emil.xaa.pl/realizacje.php
komentarz zamknięcia: Naprawiłem bez pomcoy.
komentarz 28 lipca 2021 przez VBService Ekspert (251,210 p.)

3 odpowiedzi

0 głosów
odpowiedź 28 lipca 2021 przez EmilB Użytkownik (980 p.)
Zrobiłem poprzez ::before ::after ,ale dalej nie wyświetla sie, gdy najade na prostokat.
komentarz 28 lipca 2021 przez EmilB Użytkownik (980 p.)
Update: naprawione... Poprzedni div nie miał wysokości, ani szerokości i przez to nie widział całego prostokątu tylko, kiedy się najeżdzało na pasek + napis się wyświetlało ...
komentarz 29 lipca 2021 przez VBService Ekspert (251,210 p.)
edycja 29 lipca 2021 przez VBService

Na Twoim miejscu, tej informacji nie wrzucałbym do ::after

.text_realizacje_podklad::after {
    content: 'Wykonano dla TOBEX';
    . . .
}

tego typu informacje lepiej "trzymać" w html-u

    <a href="/tobex">
      <div class="blok_realizacje realizacje_1">      
        <div class="text_realizacje">Wykonano dla TOBEX</div> 
      </div>
    </a>

 

0 głosów
odpowiedź 29 lipca 2021 przez VBService Ekspert (251,210 p.)
edycja 29 lipca 2021 przez VBService

Z podanego linka w komentarzu jaki Tobie podałem

skorzystaj z tej wskazówki smiley

w Twoim kodzie znacznik <a> "otula" div-a blok_realizacje_1, więc można założyć, że to jest Twój .parent z przykładu powyżej. Propozycja on-line.

1
komentarz 2 sierpnia 2021 przez EmilB Użytkownik (980 p.)
Dzięki, już naprawiłem, główny div nie miał wysokości, ani szerokości w tym był problem.

Pozdrawiam

Podobne pytania

+2 głosów
3 odpowiedzi 454 wizyt
pytanie zadane 25 listopada 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)
+1 głos
1 odpowiedź 245 wizyt
pytanie zadane 23 listopada 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)
0 głosów
1 odpowiedź 296 wizyt
pytanie zadane 21 listopada 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 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!

...