Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

WYŚRODKOWANIE NAPISU NA ZDJĘCIU (KAFELKU)

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

WYŚRODKOWANIE NAPISU NA ZDJĘCIU (KAFELKU)

Post 09.07.2017, 22:44:24

Witam,

Chcę osiągnąć taki efekt: https://goo.gl/DLEb6f

Udało mi się zrobić wszystko poza poprawnym wyśrodkowaniem napisu na kafelku. Oto efekt: https://goo.gl/Tc29fk

Gdy pozycjonuję absoulutnie klasę odpowiedzialną za napis to pozycjonuje mi się on względem krawędzi całej strony, a nie krawędzi kafelka pomimo tego, że klasa odpowiedzialna za napis jest w divie "kafelek". Nie wiem jak zrobić tak aby napis się środkował względem kafelka w pionie i poziomie.

Oto mój kod HTML:
Kod: Zaznacz cały
<div class="kafelek">
<div class="words">Sk apartament</div>
<a href="index.php?option=com_content&amp;view=featured&amp;Itemid=211"><img src="images/sk_apartament/glowne-miniaturka.jpg" alt="" /></a>
</div>


A to kod CSS:
.kafelek {opacity: 1; background: #fff!important;}
.kafelek:hover img{opacity: 0;}
.kafelek .words {opacity: 0;}
.kafelek:hover .words {opacity: 1!important; }
.words {position: absolute; top: 60px;color: #000; font-family: Asap; font-weight: bold; }


Mam teraz ustawiony napis w top i left na 60px aby w ogóle było go widać na kafelku. I ustawiłem tylko dla pierwszego kafelka ponieważ jak ustawię dla pozostałych kafelków to napisy są i tak w tym samym miejscu co pierwszy kafelek, czyli na nim.

Bardzo proszę o pomoc. Jak muszę zmodyfikować swój kod aby to działało poprawnie?
lukask10
Posty: 16
Dołączył(a): 22.03.2017

Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50185 zarejestrowanych użytkowników.
Najnowszy użytkownik: sskijop


Nasi użytkownicy napisali:

  • 935001 wiadomości
  • w 246320 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)