Bu şekilde yazılar yazmak istiyorum.

20-02-2013, 22:25:22

Merhaba

http://www.volkito.com/egitim/zorunl...ihi-ozeti.html

Burada yazdığım bir yazı var. Yazı içerisine resim eklemek istiyorum. Resimlerden birini yazı içerisine olacak şekilde sola yaslamak istiyorum. Biraz yazı yazdıktan sonra bir resim daha ekleyip ortalamak istiyorum. Daha sonra da sağa resim eklemek istiyorum.

Yazıyı yazarken metin editöründe istediğim şekilde oluyor. Ama yazıyı yayınlayınca bozuluyor. Bu durumda ne yapmam gerekir? Metin editörünün ekran görüntüsü:

07-03-2013, 13:05:49

#2

volkito

Koskoca R10 ailesinde sorunuma çözüm bulacak arkadaş yok mu?

07-03-2013, 14:56:08

#3

~~by_karahan~~

Üyeliği durduruldu

temanın style dosyasında alignleft tanımlanmamış gibi görünüyor.

style.css dosyasının en altına aşağıdaki kodları eklemen yeterli.

.left, .alignleft {float:left;}
.right, .alignright {float:right;}

07-03-2013, 16:24:53

#4

~~TylerDurden~~

Üyeliği durduruldu

tam kod:

Alıntı

/******* IMAGES ********/

img.alignleft, img.left { float: left;margin-right:7px; margin-top:5px; }
img.alignright, img.right { float: right; margin-left:7px; margin-top:5px;}
img.aligncenter, img.center { margin-bottom:7px;display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*:[ image captioning ]:*/
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption.alignleft { float: left; }
.wp-caption.alignright { float: right; }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }
.alignright {float: right;}
.alignleft {float: left;}

07-03-2013, 23:38:01

#5

volkito

ekledim hocam ama olmadı yazı yine aynı şekilde