Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Źle działający tooltip
Mlodycompany
post
Post #1





Grupa: Zarejestrowani
Postów: 910
Pomógł: 44
Dołączył: 20.02.2008
Skąd: Łódź

Ostrzeżenie: (20%)
X----


Witam. Problem polega na tym, że gdy najade na linka to pojawia się tooltip, ale gdy zjeżdzam kursorem z linka to powinien zniknąć a nie znika.
  1. a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:auto;}
  2. a.tooltip:hover span{ display: inline; position:fixed; background:#ffffff;}
  3. <a href="#" class="tooltip">test. <span>tooltip</span></a>


Ale gdy zmienie position na absolute to działa normalnie ale ucina bo kończy się div. Wszystkie inne możliwości działają źle. W czym tkwi błąd?
Go to the top of the page
+Quote Post
varez
post
Post #2





Grupa: Zarejestrowani
Postów: 275
Pomógł: 32
Dołączył: 17.06.2007

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


zapisalem sobie kod przez Ciebie napisany:

Opera - działa ok
Safari - działa ok [ale jest głupie to safari, bo nie skonwertuje samo spacji w adresie lokalnym na %20]
Chrome - działa ok
Firefox - działa ok
IE8 - działa ok
IE8 beta 2 - działa ok
IE7 - działa ok
IE6 - nie działa [w ogóle się nie pojawia]
IE5.5 - jw.

więc Twój problem tkwi w przeglądarce raczej

Cytat
Ale gdy zmienie position na absolute to działa normalnie ale ucina bo kończy się div.


jaki div? nie widzę tu div`a

Ten post edytował varez 16.04.2010, 09:57:41
Go to the top of the page
+Quote Post
zegarek84
post
Post #3





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


Cytat(Mlodycompany @ 16.04.2010, 08:48:12 ) *
Ale gdy zmienie position na absolute to działa normalnie ale ucina bo kończy się div. Wszystkie inne możliwości działają źle. W czym tkwi błąd?

po pierwsze to daje się wersje online gdyż mogą być niuanse wynikłe z ostylowania innych elementów...

po drugie jeśli coś ma być widoczne poza obszarem div który ma swoje wymiary lub jakoś jest ograniczony to w css overflow: visible; lub tamtemu blokowi zewnętrznemu dajesz takie wymiary coby toltip był wewnątrz winksmiley.jpg


--------------------
Jeśli twoja ręka rusza do przodu powstrzymaj swój gniew; gdy wyprzedza cię twój gniew - wycofaj rękę.

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 Aktualny czas: 19.08.2025 - 21:50