Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]tooltip jedynie z css, jak to wykonać
kamiles_22
post 15.07.2012, 22:24:12
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 15.07.2012

Ostrzeżenie: (0%)
-----


Witam,
Chciałbym poradzić się czy jest możliwe wykonanie prostego tooltipu (dymka) wyświetlającego grafikę bez markowania w kodzie tzn.

.linki a {
(...)
}

i zrobić to tak, żeby grafika (jako background), którą podstawi się jako efekt hover wyświetlała się nad danym tekstem <a>...</a>? próbowałem to zrobić, ale ani trochę mi to nie wychodzi. Grafika wyświetla się co prawda, ale jedynie pod tekstem, a nie swoją cała szerokością (wielkością).

Byłbym wdzięczny za pomoc,

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
fiszol
post 16.07.2012, 04:15:26
Post #2





Grupa: Zarejestrowani
Postów: 449
Pomógł: 16
Dołączył: 25.05.2004
Skąd: Gorzów Wlkp.

Ostrzeżenie: (0%)
-----


A próbowałeś wsadzić grafikę w jakiś osobny kontener i nadać odpowiednio z-index/display przy :hover?


--------------------
\o/
Go to the top of the page
+Quote Post
kamiles_22
post 16.07.2012, 07:17:28
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 15.07.2012

Ostrzeżenie: (0%)
-----


nom tak i nic sad.gif
Go to the top of the page
+Quote Post
vokiel
post 16.07.2012, 07:46:47
Post #4





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

Ostrzeżenie: (0%)
-----


Pierwszy wynik z Google: http://psacake.com/web/jl.asp


--------------------
Go to the top of the page
+Quote Post
kamiles_22
post 16.07.2012, 20:19:58
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 15.07.2012

Ostrzeżenie: (0%)
-----


nie chodzi mi o to, ja chcę opcję, ale bez markowania tekstu <span>...</span> jedynie z wykorzystaniem pliku graficznego i CSS
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 25.07.2025 - 05:05