Autor Zpráva
Ladik
Profil *
Ahoj,
nedaří se mi najít, jak nastavit vlastnosti rodičovského prvku, dejme tomu:

a { padding: 5px; background-color: red; }
a img { border: 0; }

html kód:
<a href="..."><img src="..." alt="..."></a> nějaký text  <a href="...">odkaz</a>

U textu je padding a pozadí žádané a u obrázku ne a pod obrázkem tak vzniká červený řádkový rámeček. Potřebuji tedy nastavit, aby pokud po <a> následuje <img>, tak aby měl ten <a> vlastnosti { padding: 0px; background-color: none; }

Bohužel tomu <a> nemohu nastavit třídu, HTML kód je generovaný automaticky, mohu upravit jen CSS.

Děkuji, snad to je řešitelný problém...
habendorf
Profil
Nic jako selektor rodiče neexistuje. Pokud nemáš možnost měnit HTML, nebo pokud nejde využít kontextu, budeš to muset naskriptovat.
Ladik
Profil *
habendorf:
Díky, mám jedině možnost ještě před to <a> vložit <span> a tomu už třídu přiřadit mohu. Takže finální řešení bude: <span class="bezpozadi"><a ...><img ></a></span>

span.bezpozadi a { padding: 0; background-color: none; }
span.bezpozadi a img { border: 0; }
panther
Profil
Ladik:
background-color: none;
ne, že bych chtěl rýpat, ale tohle je co? :-)
Ladik
Profil *
panther:
oprava... transparent
habendorf
Profil
Ladik:

No tak pak je to jednoduché. Vycházel jsem z „HTML kód je generovaný automaticky, mohu upravit jen CSS“.
Ladik
Profil *
habendorf:
ano, od <a> do </a> je generovaný bez možnosti zásahu, před a za mohu dát téměř cokoli, nechtěl jsem to zbytečně zapouzdřit do dalšího tagu jen kvůli tomu pozadí

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: