image padding hack

inca un hack pentru wordpress.
pentru ca nu imi place textul prea aproape de imagine (deprindere din quark, cred), am definit un nou item in style.css din folderul teme. ce si de ce?

codul este cel de mai jos.
.img2 {
border:0;
float:left;
margin:0;
padding:5px;
}


Ce face acel padding: 5x? Transforma o insemnare din asa…
padding

….in asa…

padding2

Observati diferenta? Eu cred ca e important si ca arata mult mai frumos asa.
Asta necesita sa ii spuneti imaginii ceva de class=”img2″ cand o inserati, dar se poate edita si la .img simplu si frumos, nu?

Mulțumesc că ai citit acest articol.
Dacă vrei să susții acest blog, cumpără un abonament de 5$

10 comentarii

  1. La mine vine tema cu o rama pentru poze :D

    00
  2. foarte greu de realizat…

    Misto, o sa o tin minte

    00
  3. CSS for dummies? =))

  4. pune si :
    border-right: 1px solid #ccccc

    si va arata si mai bine :)

    00
  5. e o chestie de bun simt sa lasi loc pe langa poze, eu ma risc cu 10 sec in plus in care trantesc un hspace=”5″ in tagul

    00
  6. ups, am uitat ca tagurile sunt taguri :) nu as pune in style pentru ca nu e mereu 5.

    00
  7. bun bun … copiem :) multumim frumos :)

    00
  8. a little bit of something. Ca sa nu te chinui cu bagat style’s atunci cand adaugi imagini poti scrie ceva de genu’ asta:

    .entrybody img
    {
    border:0;
    float:left;
    margin:0;
    padding:5px;
    }

    Iti va face padding automat la toate imaginile care apar in body-ul insemnarii, si doar la alea.

    00
  9. ai un mic bug :D vezi aici
    trebuie sa bagi „Tags: blog wordpress” intr-un div cu clear:left

    00
  10. ii bun augur sa bagi o unitate de masura la 0 (zero) ala.. gen px em etc. asa zice w3c macar :o

    00

Susținere

Susține acest blog cumpărând de la eMAG, de la Finestore, de la PORC sau de la Aceeași Mărie.

Alte linkuri (mostly NSFW)