ورود

View Full Version : سوال: مشکل در کنار هم چیدن تصاویر


hamed_hymn
پنج شنبه 16 تیر 1390, 02:01 صبح
سلام به اساتید محترم
من یه تازه کارم یه مقدار تو سی اس اس به مشکل برخوردم
آخرین تصاویر مربوط به مطالب سایت به صورت 80×80 ایجاد میشه ( البته این اندازه اختیاری است)
من میخوام مثل چنین عکسی (که در پایین قرار دادم) تصاویر منظم حدود 5 تا عمودی و 5 تا افقی باشه ( فقط منظم بودنش برام اهمیت داره- البته تو عکس ردیف هاش کمتره فقط نمونه است)
میشه بنده را راهنمائی کنید.
نتیجه کلی : کد CSS که تصاویر ( سبز پررنگ ) در زمینه (سبز کم رنگ) به صورت منظم در کنار و زیر هم قرار بگیرد.

http://picme.ir/images/00563266005576683541.jpg (http://picme.ir/)
colors
پنج شنبه 16 تیر 1390, 10:35 صبح
بفرما



<!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>Image List</title>
<style>
body{ background-color:#0F6}
ul{ position:relative; margin:150px auto; list-style:none; width:360px}
ul li{ width:80px; height:80px; background-color:#0C0; margin:5px; float:left}
</style>
</head>

<body>

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

</body>
</html>
hamiii
پنج شنبه 16 تیر 1390, 11:24 صبح
سلام
اگر به استایل باکس های 80*80 ویژگی float:right رو اضافه کنی به ترتیب کنار هم دیگه قرار میگیرن تا یک ردیف کامل بشه،بعد ردیف بعدی شروع میشه.
موفق باشی
hamed_hymn
پنج شنبه 16 تیر 1390, 14:55 عصر
دقیقا همین بود که میخواستم از شما سروران ، آقایان hamiii (http://barnamenevis.org/member.php?160844-hamiii) و colors (http://barnamenevis.org/member.php?181541-colors)سپاس گذارم