مشکل این کد [بایگانی]

olampiad

شنبه 05 مهر 1393, 10:12 صبح

سلام و خسته نباشید
به این وبسایت ی سری بزنید
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>

olampiad

شنبه 05 مهر 1393, 23:35 عصر

تورو خدا کمکم کنید.
آیا کسی واسه این راه حلی نداره.
ممنون بابت راهنمایی ها.

SlowCode

یک شنبه 06 مهر 1393, 01:53 صبح

سلام این کد رو ببین:

<!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;
}
#right{
float:right;
width:40px;
padding:20px;
padding-top:45px;
height:40px;
background:#eeeeee;
}
.center{float: right;width: 840px;overflow:hidden;}
#left{
float:left;
width:40px;
padding:20px;
padding-top:45px;
height:40px;
background:#eeeeee;
}

#all_g{
width:4000px;;
padding:10px;
height:85px;
background:#FCC;
}
.gal{
text-align:center;
display: inline-table;
padding-top:5px;
width:110px;
height:80px;
margin-right:10px;
background:#F63;
margin-top:3px;
}

</style>
</head>
<body>
<div id="one">
<div id="right">next</div>
<div class="center">
<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>
<div id="left">prev</div>
</div>
</body>
</html>

اومدم یه دیو با کلاس center باز کردم، خاصیت overflow: hidden بهش دادم، بعد all_g رو توی اون قرار دادم، و widthش رو به اندازه ای در نظر گرفتم که همه بلوک ها داخلش به صورت خطی جا بگیرن.

white tower

یک شنبه 06 مهر 1393, 07:38 صبح

مشکلت حل شد؟

olampiad

یک شنبه 06 مهر 1393, 12:21 عصر

ن فعلا
چیکار کنم؟؟؟؟؟؟

olampiad

یک شنبه 06 مهر 1393, 12:25 عصر

چطور میتونم کاری کنم که گالری در کنار هم قرار گیرد.
آیا راح حلی برای این کار وجود ندارد!!!
پس تو سایت آداک و سایت های دیگه که از این اسلاید ها قرار میدن چیکار می کنن.
ممنون بابت راهنمایی ها

SlowCode

دوشنبه 07 مهر 1393, 11:01 صبح

چطور میتونم کاری کنم که گالری در کنار هم قرار گیرد.
آیا راح حلی برای این کار وجود ندارد!!!
پس تو سایت آداک و سایت های دیگه که از این اسلاید ها قرار میدن چیکار می کنن.
ممنون بابت راهنمایی ها

داداش پست سوم رو بررسی کردی؟
فکر کنم چون آواتارمون یکی هست فکر کردی که پست خودته! وگرنه جواب رو نوشته بودم!

white tower

دوشنبه 07 مهر 1393, 22:38 عصر

داداش پست سوم رو بررسی کردی؟
فکر کنم چون آواتارمون یکی هست فکر کردی که پست خودته! وگرنه جواب رو نوشته بودم!
عجبا!!!!!!
من تازه فهمیدم شما 2 نفرید.ینی اگه نگفته بودی عمرا می فهمیدم.
راه حلی که شما دادی که درست شده.واسه همین من پست دادم که مشکلت حل شد بعد اومدم زده نه.بعد زده پست سوم رو دیدی؟:))))))))))))))))

olampiad

سه شنبه 08 مهر 1393, 00:51 صبح

آره راست میگی
من حسابی گیج شدم.
خیلی شرمنده.