Slide haber resim ve yazı çekme sorunu.

"intotext"te resim ve yazı var.Yaptığım kodlarda resim ve yazılar aynı yerde karışık halde çıkıyor. Aynı tablodaki resim ve yazıları ayrı ayrı göstermek istiyorum.Bunu nasıl yapabilirim?Hata aldığım kodları ince yazı ile gösterdim.Kodlar aşağıda.. Şimdiden teşekkürler.

 <?php $kayitlar=mysql_query("Select * from joomlaciyim_content WHERE catid = '8'ORDER BY id DESC LIMIT 5" ,$veriyolu);

        while($sql = mysql_fetch_array($kayitlar)){ ?>

            <div class="icerik">

            <img src="images/stories/<?php $sql['intotext']?>"  width="432" height="270" class="haberResim"/>

<div class="haberYazi">

<h1><a href="index.php?option=com_content&view=article&id=<?php echo $sql['id']?>"> <?php echo $sql['title']?><a></h1>

<a href="index.php?option=com_content&view=article&id=<?php echo $sql['id']?>"><?php echo substr($sql['intotext'],0,250)?>...</a></div></div>

<?php }?>

Bunun için CSS öğrenmelisin.

Yani yazı ve resmin birlikte yer aldığı bir tablodan sadece resmi veya sadece yazıyı çekmek için bu işi css den başka bir yolla yapamayız.

ilgili css kodunu verseniz de ben .css dosyasına gömsem sayın abim .valla çok minnettar olurum.

.icerik {

height: 270px;

display: block;

background: url(../images/haber_img_bg.png) no-repeat 0 0;

}

.haberresim {

width: 432px;

height: 247px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;

}

.tumhaberresim img{

float:left;

width:160px;

height:120px;

padding:10px 20px 20px 10px;

}

.tumhaberbaslik { padding-top:10px;}

.haberdetayresim img{ float:left; width:160px;120px; padding:10px;}

.haberdetayyazi { padding:10px;}

css bir satırla değiştirilecek birşey değildir. kendine örnek alacağın bir resim+yazı görüntüsü bulup buna uygun css üretebilirsin. genelde photoshop ile taslak çıkarılıp sonra Dreamweaver ile CSS üretilir.