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...

Cevaplar

11 yıl önce yazılmış

siyahbeyaz

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
  Dediğiniz gibi yaptım ama sonuç değişmedi.
  
  11 yıl önce yazılmış
11 yıl önce yazılmış

katapult

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 :) :)

Frauzer

Resimlerin yan yana dizilmesi

Cevaplar