Ebben a cikkben képeket helyezünk el jobbra-balra. Figyeld hogy csináltam és másold a megoldást!

Maserati

Ez a szöveg jön a piros Maserati mellé. Nem kell aggódni amiatt, hogy a szövegszerkesztőben egymás alatt vannak.

Mobilon ezek a blokkok szépen egymás alá rendeződnek.

Ez a szöveg jön a sárga Mitsubishi mellé. Nem kell aggódni amiatt, hogy a szövegszerkesztőben egymás alatt vannak. Ezt egyébként elég macerás összehozni mert a szövegszerkesztő nem mindig teljesen jól csinálja és egy "Enter" megnyomásra simán elrontja.

Itt ez a cikk, másold át és jó lesz, csak a képet kell kicserélni és a szöveget. Nem árt, ha értesz egy kicsit a html-hez.

Mitsubishi

 

Hogyan készül?

A szövegszerkesztőben kapcsold be a blokk megjelenítést.

Blokk megjelenítés

A stílus legördülő ablakból hozz létre 3 új blokkot.

Az 1. megoldás:

  • Kép balra
  • Szöveg jobbra
  • Új sor

A 2. megoldás:

  • Szöveg balra
  • Kép jobbra
  • Új sor

Az 1. megoldást írom le részletesen.

Amikor a blokk megjelenítés be van kapcsolva nyomj 3 vagy 4 "Enter"-t. Ekkor a blokkod így kell, hogy kinézzen:

Van benne 3db "p" tag.

Kattints az elsőre és utána "Blokk Stílusok" menüből válaszd a "Kép balra" lehetőséget.

Kattints a másodikra és utána "Blokk Stílusok" menüből válaszd a "Szöveg jobbra" lehetőséget.

Kattints a harmadikra és utána "Blokk Stílusok" menüből válaszd az "Új sor" lehetőséget.

 

A "p" tagok átváltanak "div" tagra. A végén így kell, hogy kinézzen:div tagok

 

Most az első "div" tagba helyezd bele a képet

A Második "div" tagba írd bele a szöveget

Mentsd el.