Škaredý šedý okraj obrázka

 

https://xdim.sk/_files/200000168-e774be86e9/webnode-logo.pnghttps://xdim.sk/_files/200000168-e774be86e9/webnode-logo.png

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.

  1. Nakopírujeme obrázok (automaticky sa objavý šedý okraj)
    https://xdim.sk/_files/200000168-e774be86e9/webnode-logo.png
  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:

    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ť

    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:

    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:

    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:
    https://xdim.sk/_files/200000168-e774be86e9/webnode-logo.png

Toplist: Drifters web Reklama zdarma, zvýšení návštěvnosti