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.
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;
}
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.
