Autor Zpráva
jefitto44
Profil
Niečo mi nehraje, neviem nijako urobiť, aby sa aj obrázky a slideshow prispôsobili veľkosťou do responsive, podľa media queries. Robím to takto:

@media (max-width: 480px){
body {background: #f0f0f0; color: #000;}
h1{color: black;}
h2{color: black;}
h3{color: black;}
h4{color: black;}
#slideful-12549691 .-slideswrap {width: 100% !important;}
img {width: 100%;}
}

Skúšal som samozrejme nastaviť aj width: 480px, aj max-width: 480px; ale akosi nič nefunguje.. :(
Kcko
Profil
img {
    max-width: 100%;
    height: auto;
}

@media \0screen {
  img { 
      width: auto; /* for ie 8 */
  }
}
jefitto44
Profil
Height to nedopočíta automaticky? Či to funguje len v html?


Nefunguje, s obrázkami sa nestane nič :(
Kcko
Profil
jefitto44:
Nevím co používáš za slider. Hod někam odkaz na živou ukázku.
Já osobně používám BX slider a problém nemám.
jefitto44
Profil
Vymenil by som ho, ak by sa do toho BX dal pridať aj text s odkazmi... Je to proste jedno, ale nič sa nestane, ani s obrázkami, ktorých šírka je povedzme 600px a mám display s 480px... proste prečnievajú a treba rolovať doprava, alebo doľava. Text sa mi pekne prispôsobuje oknu, ale to je asi tak všetko...


Oprava, obrázky fungujú, slideshow som vyriešil... ešte tam mám nejaké presahujúce divy, ale tie by som teoreticky mal zvládnuť. Ďakujem za pomoc :)

PS: to @media \0screen ... znamená čo?
Kcko
Profil
jefitto44:
Do BXslideru je možné si cokoliv dopsat. Jako každý slušně napsaný plugin má callback funkce a také dokumentaci.

PS: to @media \0screen ... znamená čo?
Co kdyby sis to vygooglil? (Píšu to proto, že jsem si všiml, že v jiném topicu se ptát na věci, které je možné vyčíst z dokumentace).

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: