Blog

Reszponzív kép ShopRenter blogban

Reszponzív kép ShopRenter blogban

Reszponzív kép sr blogban. Tök jó lenne, igaz? Nem vészes feladat. Mutatok 3 lehetséges megoldást. Válaszd ki a Neked tetszőt!

1. lehetőség

Az egyik megoldás, ha a kép feltöltésekor a kép tulajdonságainál a szélességet 100%-ra állítod.

Reszponzív kép sr blogban – Kép tulajdonságai

2. megoldás

Forráskódban bütykölsz egyesével, például így:

<img alt=”Polc – Váróczi Üzletberendezés” src=”http://uzletberendezes.shoprenter.hu/custom/uzletberendezes/image/data/blogkepek/20150922/polc.jpg” style=”width: 100%; max-width: 500px; float: right; margin: 5px;” />

Ez a kép így jobbra igazított, 5 pixelnyi margóval pedig bal oldalon teljes magasságban van szöveg. A szélessége nagy képernyőn maximum 500 pixel, de mobilon 100%. Jópofa, nem? 😉

Reszponzív kép sr blogban 3.

Vagy ha minden képnél ugyanazt szeretnéd, egyedi CSS-be beilleszthetsz egy ilyesmit:

img, embed, object, video {
max-width: 100%;
height: auto !important;
vertical-align: middle;
border: 0;
}

Ez a cikk is érdekelhet:
ShopRenter webshop design

Author

Mátéh Csaba

Hogy honnan van ehhez bátorságom?
Na és egyáltalán jogom?

’97-től hosszú évekig én voltam az a marketing-nindzsa, aki bár tökéletesen elvégezte a feladatát, mégsem látta soha senki.
• Szinte a kezdetektől ShopRenter-t használok, így a határai és korlátai megkerülésére olyan módszereket dolgoztam ki az évek alatt, amik mára kipróbált, bevált, letesztelt, működő megoldások.
• Aztán 2014-ben és 2015-ben a Facebook Marketing Napok meghívott előadójaként segíthettem cégvezetőknek kihasználni az FB nyújtotta lehetőségeket az áruházukban,
2016-ban az 5 legjobb közt léphettem színpadra az Év marketingese versenyen.
2017-től rendszeresen marketing szemináriumot tartok ShopRenter előfizetőknek, amivel már több mint ezer vállalkozásnak segítettem
2020-ban felkérésre 4 órás marketing előadást tartottam a Budapesti Gazdasági Egyetem hallgatóinak
Minden nap fejlesztjük magunkat és a tudásunkat, mert csak így tudunk a legújabb marketing irányvonalaknak és trendeknek megfelelően kommunikálni a céged nevében, és csak így tudjuk a legújabb technikákat alkalmazni.

Leave a comment

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük