Uporabna koda za postavitev slike v objavi

Bil sem že na mnogih blogih, kjer so zraven objave dali še slikco in čisto zmeraj me je zmotilo tole:

nasmehLorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ac turpis. Fusce quis tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed nec velit. Nam vestibulum pellentesque nunc. Sed auctor. Aenean justo velit, porttitor at, posuere tincidunt, …

Vidite kaj me moti? Tekst je čist pri sliki in daje vtis neurejenosti. Če pogledamo kodo je takšna:

<img src=”http://potdoslike/nasmeh1.jpg” alt=”nasmeh” align=”left” />

Ponavadi ljudje še znajo dati align=”left” toliko, da je slika na levi, ampak kako odmakniti tekst se jim pa ne sanja. No pa poglejmo naslednji primer:

nasmehLorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ac turpis. Fusce quis tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed nec velit. Nam vestibulum pellentesque nunc. Sed auctor. Aenean justo velit, porttitor at, posuere tincidunt, …

Uau, to pa že zgleda boljše ane? To pa zato, ker smo k prejšni kodi dopisali še nekaj nove in sicer vspace=”2″ (navpični prostor ob sliki) in hspace=”3″ (vodoravni prostor ob sliki), tako, da celotna koda zgleda takole:

<img src=”http://potdoslike/nasmeh1.jpg” alt=”nasmeh” align=”left” hspace=”3″ vspace=”2″ />

Ne zgleda težko ane? Vaše objave bodo pa tako zgledale veliko lepše. 😉

Posted in Tehnične novice
  • _puma_

    sm mogla trikrat pogledat, da sm najdla razliko 😀 drugač pa kul, ja

  • Jst za poravnavo slike v levo in desno uporabljam CSS:
    <img src="slika.jpg" style="float: left" />

    Kar se tiče odmikov bo pa zato moral že designer poskrbeti, ko je delal design :D, tak da glede na to, da si si sam naredu design, dodaš v CSS datoteko samo tole:
    .post img {
    margin-top: 2px;
    margin-left: 3px;
    margin-right: 3px; /* še za desno poravnavo + besedilo ni čisto ob sliko stisnjeno pri levi poravnavi... */
    }

  • Hja Jan – tegale vsi browserji ne razumejo enako 😉 tak da bo boljš če napišeš tole:

    to itak že sam veš … ti ne rabim posebej razlagat 😉

  • fook? wtf kam je pa kodakoda zginla? Jan – lahko popraviš?

  • Jan

    hm, tomaz nwem kaj naj bi popravlu ker tud v kodi piše sam < code> in nič druga.

  • no mislu sam napisat samo tole:
    pa je to to 🙂

  • @Tomaz: < in > moraš napisati kot &lt; oz. &gt; ker drugače wordpress misli da hočeš delat XSS in počisti.