ورود

View Full Version : سوال: بهم ریختن عکس ها با تغییر سایز مرورگر


exestive1
سه شنبه 02 اسفند 1390, 00:13 صبح
سلام
یه سئوال داشتم:
چه جوری DIV ها کنار هم قرار میگیرن؟
فرض کنید که ۴ شکل رو به صورت مستطیل کنار هم قرار میدیم که تشکیل قاب بدن
تو حالت ماکسیمایز مرورگر درست نشون داده میشن مثل زیر
http://exestive.persiangig.com/images/1.JPG
ولی تو حالت ریستور داون و کوچیک شدن صفحه بهم ریخته میشن! مثل زیر
http://exestive.persiangig.com/images/2.JPG
خواهش میکنم یه راهی نشون بدید که عکس ها و شی ها رو تو صفحه html فیکس کنم تا با تغییر سایز مررورگر بهم ریخته نشن!
توضیح بیشترش هم اینکه عکس هایی که توی صفحه وبم قرار میدم و تو div هستند در حالت ماکسیمایز بودن مرورگر یا در خود دریم ویور درست کنار هم قرار میگیرن ولی وقتی صفحه مرورگر رو کوچک میکنم بهم ریخته میشن یا در سطر بعد میرن!
یک دنیا ممنون!
yones_safari
سه شنبه 02 اسفند 1390, 00:21 صبح
درود.
همشون رو بذار تو یه div و کد زیر رو برای این div قرار بده:

overflow: auto;
*overflow: visible;
موفق باشید.
khanlo.javid
سه شنبه 02 اسفند 1390, 09:40 صبح
سلام دوست عزیز کد منو تست کن جواب میده.



<html>
<head>
<title>
تست تگ دایو
</title>
</head>
<body>
<center>
<div style="width:800px;font-size:14px;text-align:right">
<div style="float:right;width:100px;height:100px"><img src="آدرس عکس" style="width:100px;height:100px" title="test" alt="test" /></div>
<div style="float:right;width:100px;height:100px"><img src="آدرس عکس" style="width:100px;height:100px" title="test" alt="test" /></div>
<div style="float:right;width:100px;height:100px"><img src="آدرس عکس" style="width:100px;height:100px" title="test" alt="test" /></div>
<div style="float:right;width:100px;height:100px"><img src="آدرس عکس" style="width:100px;height:100px" title="test" alt="test" /></div>
</div>
</center>
</body>
</html>



موفق باشید.