Škaredý šedý okraj obrázka

s okrajom                                                                    bez okraja

Väčšina ľudí, ktorí majú stránku na webnode nevie programovať a ani nemusí. Webnode je premyslený nástroj na tvorbu stránok bez znalosti programovania. Avšak je tu jeden problém: Ak skopírujem obrázok z internetu a vložím ho do webnode, nastaví sa automaticky šedý okraj.

Sú 2 spôsoby ako ho odstrániť. V obidvoch treba zájsť do kódovania, ale nebojte sa všetko podrobne vysvetlím:

1, Spôsob: Pridanie border: hidden

Asi najlahší spôsob (aký som doteraz našiel) je pridať tento kúsom kódu do kódu.

style="border: hidden;"

1. Nakopírujeme obrázok (automaticky sa objavý šedý okraj)
   
2. Klikneme na tlačidlo Zdroj <>  (nachádza sa vpravom hornom rohu editora)
3. Objavý sa nám kód v ktorom je zapísaná stránka
4. Vyhľadáme kód obrázku. Môže byť v tvare:
   <img style="width: 100px; height: 100px;" src="nejaky url- nepodstatne" _fcksavedurl="nejaky url- nepodstatne" alt="nejaky text- nepodstatne">
   Takže ak máte obrázok ako posledný v editore hľadajte posledný tag <img ... ak prvý tak hľadajte niekde na začiatku....
5. Keď ste našli kód toho obrázku zamerajte sa na časť
   style="..."
   PS: Ak tam taká časť chýba doplníte ju.
6. V tomto bode sa rozchádzame:
   A, V kóde je style="......"     V tomto prípade doplňte do kódu border: hidden    Tu je príklad:
   style="width: 100px; height="100px; border: hidden;"
   Ostatný text vynechajte, skopírujte iba border: hidden. width a height je len ako ukážka.
   
   B, V kóde nie je style="....." Tak ho musíte doplniť a to takto:
   <img style="border: hidden;" src="nepodstatne" alt="nepodstatne">
   Takže doplníte style="border: hidden"   Dávajte pozor na medzery a uvodzovky!
7. Ak správne doplníte obrázok sa zobrazí bez okraja: