Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Resimlerin yan yana dizilmesi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
	background-image:url(bannerson.jpg);
}
div {
	border: 1px dotted #F00;
	height: 120px;
	width: 700px;
}
div marquee img {
	border-radius: 4px;
	margin-top: 10px;
	margin-left: 10px;
	height: ;
	width: auto;
	height: 80px;
	box-shadow: 0px 2px 15px #000;
	float: left;
}
</style>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('div marquee img').hover(function() {
						$(this).animate({marginTop:'5px'},'fast');
						},function() {
							
						$(this).animate({marginTop:'10px'},'fast');	
							
							});
});
</script>
</head>


<body>


<div>
<marquee onmouseover="this.stop();" onmouseout="this.start();">
<img src="resim.jpg" />
<img src="resim.jpg" />
<img src="resim.jpg" />
</marquee>
</div>


</body>

Arkadaşlar resimlerin 700px'lik bir divin içinden akmasını istiyorum.Yalnız bu şekilde img'ların css'lerine float:left verdiğimde alt paragrafa iniyor.Vermediğimde ise jquery çalışmıyor.
Yardımlarınızı bekliyorum.
Teşekkürler...
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • siyahbeyaz adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    472 cevap - 20 soru
    <div>
    <marquee onmouseover="this.stop();" onmouseout="this.start();">
    <img src="resim.jpg" />
    <img src="resim.jpg" />
    <img src="resim.jpg" />
    </marquee>
    <div style="clear:both;"></div>
    </div>
    


    <div style="clear:both;"></div> eklemen yeterli olacaktır
    • Frauzer adlı üyenin fotoğrafı Frauzer
      Dediğiniz gibi yaptım ama sonuç değişmedi.
      10 yıl önce yazılmış
  • katapult adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    53 cevap - 22 soru
    Ben resimleri yan yana koymak için şu kodu kullanıyorum mesela.


    <table style="display:inline;">
    <tr>
    <td>
    <a href='#'><img src='#' width='100' height='100' border='0' /></a>
    </td>
    <tr>
    </table>
    



    Arkadaşım ben style='display:inline;' kodunu kullanarak yan yana dizebiliyorum resimleri. Sende böyle yapabilirsin sanırsam. Bir deneyi ver :) :)