Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Responsywność obrazów na stronie

Chcesz wiedzieć jak sterować wyglądem strony za pomocą styli? Tutaj dowiesz się jakie możliwości ma CSS i jak poprawnie go stosować, aby uzyskać zamierzone efekty. Dowiesz się jakie nowości udostępniono w CSS3 i jak z nich korzystać.

Responsywność obrazów na stronie

Post 25.04.2017, 02:36:58

Witam,

Posiadam stronę na systemie xoops, wczoraj zmieniłem szablon na dostosowany oczywiście pod wszystkie urządzenia, ale mam problem z bannerami, które są dosyć szerokie i nie chcą się zmniejszyć, gdy korzystam ze smartfona. Pisałem na forum xoops, otrzymałem odpowiedź, ale nie potrafię się do niej zastosować (link do tematu:http://xoops.org/modules/newbb/viewtopic.php?topic_id=78273) . W kodzie dodaję odpowiednią klasę, ale nie widzę, żadnej różnicy ...

Kod: Zaznacz cały
<img class="widthauto" src="/reklama/baner_poziomy_dol_sfd.jpg">


Fragment mojego css:

Kod: Zaznacz cały
.widthauto { width:            auto;}
.width100 { width:             100%;}
.width90 { width:             90%}
.width80 { width:             80%;}
.width75 { width:             75%;}
.width70 { width:            70%}
.width66 { width:            66.6%}
.width60 { width:            60%}
.width50 { width:             49%;}
.width45 { width:            45%}
.width40 { width:            40%}
.width33 { width:             33.3%;}
.width30 { width:             30%;}
.width25 { width:             25%;}
.width20 { width:             20%;}
.width15 { width:             15%;}
.width10 { width:             10%;}
.width5{ width:                5%; }
.width3{ width:                3%; }
.width2{ width:                2%; }
.width1{ width:                1%; }


Chyba właśnie ten fragment ma odpowiadać za responsywność obrazów na stronie. Powiedzieli mi, że mam we wszystkich obrazach na stronie dodać odpowiednie klasy, więc dodałem klasę "widthauto" i nic. Bardzo proszę o pomoc. Moja strona to www.kulturystyka.org.pl
Hadesteam
Posty: 1
Dołączył(a): 25.04.2017

Re: Responsywność obrazów na stronie

Post 26.04.2017, 08:41:03

Witam.
Może wystarczy dodać do css
Kod: Zaznacz cały
img{
width: 100%;
height: auto;
}
pablop76
Posty: 23
Dołączył(a): 13.04.2016


Powrót do CSS


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 3 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50037 zarejestrowanych użytkowników.
Najnowszy użytkownik: smoola


Nasi użytkownicy napisali:

  • 934651 wiadomości
  • w 246197 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)