| Autor | Zpráva | ||
|---|---|---|---|
| Marketa Profil |
#1 · Zasláno: 21. 6. 2019, 09:55:52
Zdravím,
mám nastylovaný odkazy pomocí border-bottom. Bohužel se mi "podtržítka" zobrazují i u obrázků a nemůžu se jich zbavit. Poradíte, kde dělám chybu? HTML <a href="https://www.odkaz.cz"><img src="obrazek.png" alt="popis" /></a> CSS a {
color: #0277bd;
text-decoration: none;
border-bottom: 1px solid;
}a img {
border: none;
}Zkoušela jsem různé varianty a nic nezabralo. |
||
| N71 Profil * |
#2 · Zasláno: 21. 6. 2019, 10:18:19
Ta druhá direktiva nic nedělá. Border má odkaz, ne obrázek. Existují CSS návrhy pro pseudotřídu :has(), která by tvoji potřebu mohla řešit, ale podpora je zatím nulová.
|
||
| Kajman Profil |
#3 · Zasláno: 21. 6. 2019, 10:23:24
Pokud můžete odkazům, ve kterých je jen obrázek, přidat nějaké označení, např. třídou
<a class="bezpodrzeni" href="https://www.odkaz.cz"><img src="obrazek.png" alt="popis" /></a> Můžete odstranit podtržení pro tento typ odkazu. a.bezpodrzeni {
border: none;
} |
||
| Marketa Profil |
#4 · Zasláno: 21. 6. 2019, 10:28:47
Díky moc, peru se s tím už od rána. Odkazy vyřeším jinak.
|
||
|
Časová prodleva: 7 let
|
|||
0