TEST OBJAVA ZA DEBUG STILOVA

Svakako pogledajte i inspektajte ovu objavu na mobilnim veličinama,
vidjet ćete kako se slike izobliče jer ih lupa stil za fiksnu visinu.

OVO JE SLIKA KOJU KORISNICI MOGU DODATI UNUTAR TEKSTA,
KOD UNOSA JOJ NISAM DODAVALA RAZMAK ( HSpace ni VSpace), i kod te slike će se vidjeti velike margine:

U našem vizualnom editoru korisnici kod unosa neće vidjeti taj veliki razmak/marginu,
no kada otvore objavu vidjet će.
Znamo da u editoru ne može sve izgledati 100% kao na stranici, no ovakva velika odstupanja moramo izbjeći.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus mi sed eros euismod, at dignissim ex dapibus. Praesent quam est, mattis eu finibus lobortis, volutpat at augue.

Ovo su slike koje sam dodala kao što bi i korisnici dodali kada žele npr. tri do četiri slike u jednom redu,
dodala ih,
smanjila prikaz,
poravnala lijevo jer korisnici to također kod unosa slika naprave,
a mogu im dodati i razmake (vidjet će da su "priljepljene pa će to napraviti),
i u ovom slučaju ti dodani razmaci kod unosa su pregazili onaj stil koji dodaje velike margine.
Što je ok, no napominjem - kada budu dodavali slike u tekst većinom im neće dodavati razmak kod unosa.

Na našem sajtu paragrafi "p" nemaju gornji padding ni marginu pa sam ovdje lupila enter kako bi i oni to napravili.
Kada poravnaju slike ulijevo tekst je pokraj slika.
A ako ne žele da su "omotane" tekstom, ja kod edukacije objasnim da ne trebaju lupati u editoru entere da razmaknu taj tekst,
dovoljno je da lupe jednom i onda dodaju stil style="clear: both;" u taj "p". To odmah shvate i ta mala uputa im puno pomogne.
 

A ovo je moj primjer kako mogu u editoru dodati i linkove na njihove originalne veličine,
i onda u kodu dodam na  "a"  tag  klasu "fancy2" i "rel" atribut za fancybox
pa se slike lijepo otvaraju u lightboxu:

Čak i takvu vrstu uputa korisnicima nije teško naučiti,
link na originalnu sliku mogu dodati kod unosa same slike,
a naknadno im objasnimo da u kod a taga dodaju klasu za fancybox.
Taj pristup mi se pokazao učinkovit kod većine klijenata.