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

question-closed CSS hover/podswietlenie

Aruba Cloud PRO i VPS, Openstack, VMWare, MS Hyper-V
+1 głos
185 wizyt
pytanie zadane 28 lipca 2021 w HTML i CSS przez EmilB Użytkownik (880 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 (216,990 p.)

3 odpowiedzi

0 głosów
odpowiedź 28 lipca 2021 przez EmilB Użytkownik (880 p.)
Zrobiłem poprzez ::before ::after ,ale dalej nie wyświetla sie, gdy najade na prostokat.
komentarz 28 lipca 2021 przez EmilB Użytkownik (880 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 (216,990 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 (216,990 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 (880 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 142 wizyt
pytanie zadane 25 listopada 2022 w HTML i CSS przez MacieKap Obywatel (1,970 p.)
+1 głos
1 odpowiedź 103 wizyt
pytanie zadane 23 listopada 2022 w HTML i CSS przez MacieKap Obywatel (1,970 p.)
0 głosów
1 odpowiedź 71 wizyt
pytanie zadane 21 listopada 2022 w HTML i CSS przez MacieKap Obywatel (1,970 p.)

90,302 zapytań

138,899 odpowiedzi

311,088 komentarzy

60,017 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...