گالری اسلایدی [بایگانی]

olampiad

شنبه 05 مهر 1393, 01:02 صبح

olampiad

شنبه 05 مهر 1393, 22:34 عصر

سلام و خسته نباشید
به این وبسایت ی سری بزنید
adak-co.ir/fa
به این تصاویر هم ی نگا بندازید.
http://s5.picofile.com/file/8142950534/gesdfred.PNG
به این قسمت از وبسایت که در تصویر وجود دارد ی نگا بندازید ی نگا بندازید.
من میخوام ی چنین چیزی رو به صورت دستی بسارم.
من یه چیزی شبیه به قالب این قسمت رو ساختم ولی ایرادات خیلی زیادی داره.
این کد من هستش لطفا یکبار اون رو روی سیستم خودتون اجرا کنید.
به جای اینکه دایو ها در کنار هم قرار گیرند در زیر هم قرار می گیرند.
منظورم همان دایو هایی هستش که درونشان gal نوشته شده است.
چیکار کنم که دایو ها در کنار هم قرار گیرند
ممنون

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<style type="text/css">

#one{
margin:auto;
margin-top:200px;
width:1000px;
height:105px;
background:#F90;
}
#rigth{
float:right;
width:40px;
padding:20px;
padding-top:45px;
height:40px;
background:#eeeeee;
}
#left{
float:left;
width:40px;
padding:20px;
padding-top:45px;
height:40px;
background:#eeeeee;
}

#all_g{
float:right;
width:820px;
padding:10px;
height:85px;
background:#FCC;
//overflow:hidden;

}
.gal{
text-align:center;
float:right;
padding-top:5px;
width:110px;
height:80px;
margin-right:10px;
background:#F63;
margin-top:3px;
}

</style>
</head>
<body>

<div id="one">
<div id="rigth">next</div>

<div id="all_g">

<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>
<div class="gal">galery</div>

</div>

<div id="left">prev</div>
</div>

</body>
</html>