DOCTYPE Strict versus Transitional, a:hover problém

Odlaďuji fotogalerii a narazil jsem na problém s a:hover. Mám odkaz, kde je obrázek s popisem a při najetí myši chci, aby se popis podthl, ale obrázek NE. Po několika hodinách bádání jsem zjistil, že pri nastavení DTD XHTML 1.0 Strict//EN mi to podtrhává i obrázeka nemůžu to odstranit. Při nastavení W3C//DTD HTML 4.01 Transitional to funguje jak chci.

Zatím bych chtěl zůstat u Strict, ale nevím, jak se zbavit podthnutí obrázku.

Poradíte mi?

Ukázky (co nejjednodušší html, aby šly vidět rozdíly):
http://knizky.unas.cz/test1.html (Strict)
http://knizky.unas.cz/test2.html (Transitional)

Důležité doplnění: problém je jen ve Firefoxu. IE to zobrazuje, jak chci.

Při strict to zobrazuje správně.

vše co máš mezi <a> .. </a> se má podtrhnout

Obvykle se to řeší podtřídama ( a.img:hover {text-decoration: none;} ) nebo tak nějak

Něco takového jsem zkoušel i předtím bez výsledku. Teď jsem pokusy zopakoval, ale opět bezvýsledně:

img a:hover {text-decoration: none;}
a.img:hover {text-decoration: none;}

Nic z toho nefunguje. Nějaký jiný nápad?

Zkus:
a img {display: block; }

Tak buď jsem problém nepochopil nebo už jsi to vyřešil, protože na těch příkladech cos uvedl (ty odkazy v prvním příspěvku) se obrázek nepodtrhává.

2Tom: nj už tam aplikoval mou radu :-)

Zdenda: toto torzo sice jede (opačně, ale jde to předělat). V okamžiku, kdy tam hodíš doctype, opět začně podtrhovat obrázek.

Thália: DÍKY, to jsem hledal. Funguje to:

http://knizky.unas.cz/test1.html (Strict) Nefunguje
http://knizky.unas.cz/test2.html (Transitional) Funguje
http://knizky.unas.cz/test3.html (Strict) Funguje!

zbi: není zač. To je tím, že jsem na psb řešila to samé :-)

← Zpět na všechna témata

Nové příspěvky

index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu Sloučené "hledání"

Další témata

Webzdarma zvládnete to sami

DOCTYPE Strict versus Transitional, a:hover problém

Nové příspěvky