Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Źle działający tooltip
Forum PHP.pl > Forum > Przedszkole
Mlodycompany
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?
varez
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
zegarek84
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.