CSS - text-decoration: none - stejně podtrhává
Zdravím,
Přestože mám v CSS zakázáno podtrhávání, stále mi to podtrhává a nezobrazuje správnou barvu.
Problém je s active a link, zbytek funguje. Podotknu ještě, že se stránka odkazuje na správný css sooubor a samotný text nemá definován ani font ani barvu ani underline. napadá vás, kde může být problém?
<style>
a:link {color: #FFFFFF; text-decoration: none }
a:visited {color: #FFFFFF; text-decoration: none }
a:active {color: #000000; text-decoration: none }
a:hover {color: #000000; text-decoration: none }
</style>
Teď si nejsem jistý jestli píši úplně k věci, ale pokud mě paměť neklame
tak volba "podtrhávat" odkazy je implicitní volba zapnutá ve většině prohlížečů.
A na takovou volbu je CSS styl malý pán.
Nic ti ovšem nebrání vymyslet třeba takový hack, že si uděláš malý obrázek a ten bude odkazem -
jeho obsah bude nepodtržený text.
/* edit
A nebo další možnost je to textu přiřadit pomocí JavaScriptu jako událost onclick.
Výhodou by byla menší datová náročnost, nevýhodou že někteří primitivové mohou mít JS vypnutý
*/
Pendolino to myslí správně, pomocí css to opravdu jde, třeba Kráťa to má použito tady menu_iframe a funguje mu to. Zkus se podívat na zdrojový kód a porovnat. Já jsem při zběžném pohledu žádnou chybu nenašla, ale v oblasti webu jsem naprostá lama, takže můj názor nemá žádnou váhu
Daleko kvalitnější info lze nalézt např. zde
text-decoration.html
Taky mi to funguje. Pravdu tedy nemám
Jediné co mu tam chybí je:
Toto když si tam doplní tak mu to pojede, předpokládám.
Napadá mě, jak se tazateli zobrazuje ta Kráťova stránka? Jestli se mu to podtrhává i tam, hledala bych spíš v nastavení jeho prohlížeče, jestli tam nemá nastaveno "natvrdo" podtrhávání odkazů v každém případě.
Pseudotriedy musia byť definované v určitom poradí, aby fungovali správne: link, visited, hover a active. Takže po výmene riadku a:active s a:hover by to malo fungovať. Možno by stačilo pridať iba jeden riadok (a { text-decoration: none; }) a pri ostatných tú vlastnosť text-decoration nedefinovať (a zmeniť to poradie). Ak nič z toho nepomôže, tak sem daj odkaz na svoje stránky.
Odkazy by mali byť (väčšinou) podčiarknuté, takže dúfam, že to nedefinuješ pre všetky odkazy globálne.
To pořadí mě překvapilo. Myslím si, že tím to ale nebude.
Schválně jsem si to vyzkoušel a mě to funguje jak on píše že mu to nejede.
Nejspíš tam má nějakou krpu v přiřazení.
Tak jsem nad tím bádal a po změnách to konečně funguje. výsledný kód vypadá takto:
<style>
a {font-weight: bold;font-size: 11pt}
a:link {color: #FFFFFF;font-size: 11pt; text-decoration: none}
a:visited {color: #FFFFFF;font-size: 11pt; text-decoration: none}
a:active {color: #000000;font-size: 11pt}
a:hover {color: #000000;font-size: 11pt}
</style>
Možná byla chyba v tom decoration: none pro hover a active. V tom pořadí to nebylo.
Každopádně Vám všem mockrát děkuji za rady a nápady.
To poradie by som každopádne dodržiaval - vyhneš sa tak neočakávateľným problémom. Tu píšeš, že Ti to funguje, keď si zamenil poradie: http://zive.cz/poradna/SubChild.asp?Qst=330560&Main =98 - tak bolo to tým poradím alebo to bolo niečim iným?
Nemusíš definovať vlastnosť font-size 5-krát, stačí keď ju definuješ raz. Pri nejakej zmene to potom bude stačiť prepísať len na jednom mieste.
když už jsem se kdysi rýpal s hover, na visited a active jsem se vybodnul.
na pořadí záleží zásadně.
demo jak jsem si upravil šablonu bložíku - na jedné stránce odkazy s podtržením i bez - je tu: 146211_item.php , více viz zdroják.