Furcsán igazodó képek

Üdv!











Nemrég, a téma lecserélése után figyeltem föl arra, hogy az eddig simán középre igazított képek most az új kinézetnél kicsúsztak balra, s mellé jobboldalt szöveg került, hiába teszek sortörést a kép után. Ha valaki megtenné, hogy vetne rá egy pillantást, azt nagyon szépen megköszönném.











A blog címe: http://boly.hu/~miqlas





Egy példa az elcsúszásra: http://boly.hu/~miqlas/index.php/meg/











Gondolom, a css-ben van valahol eldugva valami, de sajnos nem vagyok ennek nagy szakértője.





Előre is köszönöm!











Üdv!





miqlas

először is a CSS-ed első sorából töröld ezt: /*











aztán, nem emlékszem, hogy mit mondtál, milyen módszerrel igazitottad kozépre (wordpress képbizergálojaban?)

Szia charlie!









charlie wrote:

először is a CSS-ed első sorából töröld ezt: /*








Megtörtént. Ezt nem is láttam, UTF-8 volt, átállítottam ANSI-ra, most nincs benne.





'charlie wrote:

aztán' date=' nem emlékszem, hogy mit mondtál, milyen módszerrel igazitottad kozépre (wordpress képbizergálojaban?)[/quote']





Körülbelül így készült, alatta a szöveg


Code:

[img]kepcime[/img]

Mese habbal...



Oké, de kézzel írod ezt be, vagy hogy? Használd a wp képbuzergátorát, azzal jonak kell lennie az igazitasnak.


'charlie wrote:

Oké' date=' de kézzel írod ezt be, vagy hogy? Használd a wp képbuzergátorát, azzal jonak kell lennie az igazitasnak.[/quote']





Kézzel szoktam a html dobozba írogatni. A wp grafikus szerkesztőjén keresztül középre igazítva a szöveget alá tördeli, de közép helyett bal szélen marad a kép.


Code:

Én még tudok köszönni










ezt rakd be a css-edbe:





Code:

.wp-caption-text {

color: #504343;

text-align:center;

}



.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

/* border-radius: 3px; */

}



.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}



.wp-caption-dd {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}



.aligncenter, dl.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

float: center;

}



.alignleft {

float: left;

}



.alignright {

float: right;

}



.attachment {

text-align: center;

padding-top: 4px;

margin: 10px;

}





esetleg

charlie wrote:

ezt rakd be a css-edbe:





Nem raktam bele, kiszedtem belőle a p justify-ét és a content img float: left-jét.





Úgy látom, nem esett szét, és még a css is kisebb lett :)





Azért köszönöm!