Autor Zpráva
VláďaA
Profil
Chci na pozadí umístit obrázek, přes který je nápis. Při zmenšování šířky prohlížeče se obrázek ořezává z prava, což je v pořádku. Jenže při šířce 500 px bych obrázky chtěl vyměnit, aby mi logo na obrázku nešlo pod text. Napsal jsem to takhle
div.logo {
  max-width: 1000px;
  height: 204px;
  border: 0px solid #FF0000;
  background-image: url("images/mrakylogo1000.jpg");
  @media(max-width: 500px) {background-image: url("images/mrakylogo500.jpg");}
  overflow: hidden;
  text-align: center;
}
No a nechodí mi to. Předpokládal jsem, že pokud je splněna podmínka <500 px, ten obrázek mrakylogo1000 se přepíše obrázkem mrakylogo500. Jenže pořád je tam ten velký a když ho smažu, pozadí je bílé. Prosím, poradí mi někdo, co tam mám špatně, nebo se to musí napsat nějak úplně jinak?
Vláďa
blaaablaaa
Profil
VláďaA:
Media queries je poptřeba uvést bokem:
@media(max-width: 500px) {
   div.logo {
      background-image: url("images/mrakylogo500.jpg");
   }
}
VláďaA
Profil
Děkuju moc, tohle by mě nenapadlo. Seděl jsem nad tím včera celý den - teda i nad dalšíma chybama, které se mi zdály nepochopitelné a nelogické. Člověk se celý život furt něco učí.

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