Autor Zpráva
Schmutzka
Profil
Mám <img src=...> a <a href=...><img src=...></a> a potřebuji u nich odlišit pozadí (u jednoho žluté a u druhého třeba zelené) a chci to udělat pouze pomocí css, ale bez class či tříd. Je to nějak možné?

Mám na mysli něco ve stylu a img, ale nemohu najít tu správnou kombinaci.
Děkuji za pomoc.
Str4wberry
Profil
Mohlo by fungovat:
img {background: yellow}

a:
a img {background: green}
tajny spion
Profil
Schmutzka
Bacha ale aby ti to to neobarvilo vsechny obrazky ktere jsou odkazem (pokud to ovsem nechces). Jinak pro jednotlive (mam na mysli logo atd) bych pouzil . / #
Schmutzka
Profil
Str4wberry
bohužel ne :/

tajny spion
jasně, to si přirozeně ošetřím :)
Bubák
Profil
Schmutzka
Nevím, co napsal Str4wberry původně, protože vidím změněný příspěvek, ale já otestoval jako funkční tohle:

<style>
img {background: yellow}
a img {background: green; border: none;}
</style>
<img src="obrazek.png">
<br><br>
<a href="http://www.jakpsatweb.cz/"><img src="obrazek.png"></a>
Str4wberry
Profil
Bubák
Str4wberry připsal

a:
Schmutzka
Profil
Str4wberry

proč jsi to připsal? bez toho to jde, zřejmě (určitě a logicky) jsi myslel a jako spojku, ale já to pochopil jakou součást stylu, sry :)


Bubák

fajn, díky


od problému k problému, při hoveru tam mám jednu barvu navíc:

a {background:white;}
a:hover {background:blue;}
Tasartir
Profil
Schmutzka
Proč jednu barvu navíc?
a - barva pro všechny odkazy a kotvy,
a:hover - barva pro pseudotřídu hover, je zapsaná později, a tedy má přednost před zápisem u a. Všechno je naprosto v pořádku, takhle to smí být.
Schmutzka
Profil
Nejsem v myslící pohotovosti, takže jestli plácnu blbost, tak mi to odpusť.

Když mám ve stylu:

a {background:white;}
a:hover {background:blue;}
img {background: yellow;padding:5px;}
a img {background: green; border: none;}

Tak mi to u obrázku jako odkazu hodí dvě barvy (okolo zelenou a dole pár px modré).
Schmutzka
Profil
šlo by to udělat takto

a {background:white;}
a:hover {background:orange;color:white;}
img {background: none;border:1px dotted #EBEAE6;padding:4px;}
a img {background: none; border:1px dotted #D6D2CA;padding:4px;margin-bottom:-5px;}
a:hover img {background: orange; border:1px dotted #D6D2CA;padding:4px;}

ukázka -> http://schmutzka.ic.cz/blog/images/test.html

ale je zde problém zase ten spodní margin :/ text se mi bude nasouvat nahoru, př. pokud tam bude popiska
Tasartir
Profil
>>a:hover {background:blue;}
to je tímhle. pro tenhle účel to vůbec nepotřebuješ, a jestli ano kvůli normálním odkazům, tak u
a img
dej padding: 0
Schmutzka
Profil
> Tasarin: to budu mít to modré podrtržení stejně jenom dole, potřebuji to mít jako okraj

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:

0