Daca nu ati observat, la mine in articole imaginile sunt asezate foarte bine. La fel se vad si in rss si in pagina. Cum se face pentru rss am explicat aici. NUmai ca putini au urechi sa citeasca. Repetez atunci.
E dizgratios ca imaginile sa fie lipite de text. E enervant. E naspa.
Cum aliniem imaginile?
Metoda cea mai simpla este align="left" bagat in codul imaginii. Editorul de wordpress si editoarele offline au optiuni pentru a pozitiona imaginile destul de ok. WLW are mai nou optiunea de a seta border si distanta din jurul imaginii.
Eu am insa o alta metoda, mai simpla, sa nu mai fiu nevoit de fiecare data sa pun border si margin la imagini. Am creat doua clase in CSSul tem ei, pentru aliniere la stanga si la dreapta.
Clasele arata asa:
.imgl {
border:0;
float:left;
margin:0;
padding:5px;
}.imgr {
border:0;
float:right;
margin:0;
padding:5px;
}
Ce fac cu ele? Le bag la imagini. Si am un blog curat si uscat. Placut ochiului.
fain si bine de stiut ; dar aia din stanga jos nu se deschide
Genial, imi făcusem şi eu ceva asemănător, dar nu funcţiona. Merci!
Intenţionat sau nu?
@zoso: e mai comod si mai putin cod dar imaginea arata un pic dubios pentru ochiul fin :p
Cu Firefox, in google reader textul apare lipit de imagini.
padding: 5px 5px 5px 0; la imgl (ca sa nu ai distanta intre text si imagine) si invers la imgr (padding: 5px 0 5px 5px;)
e mai comod asa.
foarte frumos Mercedesu asta vechi. Da si ala de peste drum
– padding: [top]px [right]px [bottom]px [left]px;
– sau separat: padding-bottom, padding-left, padding-right, padding-top;
https://www.w3schools.com/Css/css_padding.asp
buna ideea , am sa incerc sa o pun in practica
Insfarsit am avut o revelatie. Confundam imgl cu img1 (img unu) si nu-mi iesea miscarea.
As fi lasat padding 0 si as fi dat valori mai degraba pe margin. Asta in cazul in care clasele sunt pe img si nu pe div. Padding se aplica la interior si margin la exterior. Un img atunci cand primeste padding isi adauga un spatiu intre laturile imaginii si border. In cazul de fara borderul nu este afisat. Deci optim este margin.
@Alinush: imgl – imageleft
Mi se pare ciudat cum arata in articol :
E bine de stiut si acest lucru. Interesant cu aceste 2 clase din CSS
@ktx: ce e ciudat? ca e textul justify?
@zoso : nu, ma refeream la spatiile albe
si padding-ul putin cam mic
unde anume are WLW optiune pentru spatiul din jurul imaginii? ma uit de jumatate de ora in el si nu gasesc decat aliniere, frame si efecte de umbra. Mersi.
click pe imagine si iti apare in dreapta margins.