Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
tooltop tylko w css - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: tooltop tylko w css (/thread-tooltop-tylko-w-css)



tooltop tylko w css - rwtryb - 17-07-2012

Witam,
Poszukuję sposoby wykonania dymka jedynie w css, bez markowania tekstu w html

Chodzi o to, żeby grafika wstawiona jako a:hover (jako tło) wyświetlała się nie na linku/tekście, a nad nim, nie zasłaniając jego.

Problem polega na tym, że wszędzie jest sporo porad, ale trzeba wstawiać w linkach <span>dds</span> co jest nie możliwe.... a nie znalazłem jak dotąd innego sposobu, choć przyznam się nie wie czy to jest możliwe, czy nie (oczywiście ta jedna grafika miała by być dla wszystkich linków).

Byłbym wdzięczny za pomoc Shy


RE: tooltop tylko w css - hieroshima - 17-07-2012

a dlaczego niemożliwym jest wstawienie <span> do <a>?


RE: tooltop tylko w css - Kartofelek - 17-07-2012

Za pomocą CSS3 można bez tekstu Smile Korzysta się z atrybutów.
Ale to tylko CSS3
http://html5snippets.com/snippets/66-css-tooltips


RE: tooltop tylko w css - rwtryb - 18-07-2012

widzisz tutaj tez jest
Kod:
<a href="#" data-tooltip="I am so glad you decided to hover!">hover over me</a> at all?</p>

Nie mogę tego wdrożyć w taki sposób ponieważ należało by edytować ponad 120 postów już obecnych.

myślałem, czy by nie napisać w c++ i nie przefiltrować bazy danych bloga, ale obawiam się, że zakończyło by się to tragedią dla niej same, jednak widzę, że nie mam wyjścia


RE: tooltop tylko w css - Kartofelek - 18-07-2012

Opisz lepiej ten swój problem bo jest nieczytelny


RE: tooltop tylko w css - camelrafal - 20-07-2012

jak nie możesz używać dodatkowych znaków to raczej w samym css tego nie zrobisz
jak nie chcesz edytować kazdego posta to dodaj w nagłówku skrypt który automatycznie bedzie dodawal tooltipy