قرار دادن چند تصویر در اطراف هم

[i.gratia 12]

سلام به همه دوستان خسته نباشید :

برای قرار دادن چند تا تصویر دور هم در جاهای مختلف( نه چپ و راست یا بالا پائین) به صورت مساوی به صورت نا مرتب از چه کدهای استانداردی باید استفاده کنیم ؟؟؟

آیا استفاده خاصیت 40px - (منفی چهل پیکسل) برای margin درسته ؟؟

یا استفاده از -webkit-box ها استاندارده ؟؟؟

یا استفاده کردن float های زیاد مثلا برای هر تصویر یک float ؟؟؟

یا استفاده از display:inline-block ها برای هر کلاس درسته ؟؟؟

همچنین چرا dispaley:inline-block IE رو پشتیبانی نمیکنه ؟؟؟ هک سی اس اس خاصی داره ؟؟؟

ببخشید سوالام زیاد شد

ویرایش شده آذر 92 توسط i.gratia

[javad abbasi 502]

سلام به همه دوستان خسته نباشید :

برای قرار دادن چند تا تصویر دور هم در جاهای مختلف( نه چپ و راست یا بالا پائین) به صورت مساوی به صورت نا مرتب از چه کدهای استانداردی باید استفاده کنیم ؟؟؟

آیا استفاده خاصیت 40px - (منفی چهل پیکسل) برای margin درسته ؟؟

یا استفاده از -webkit-box ها استاندارده ؟؟؟

یا استفاده کردن float های زیاد مثلا برای هر تصویر یک float ؟؟؟

یا استفاده از display:inline-block ها برای هر کلاس درسته ؟؟؟

همچنین چرا dispaley:inline-block IE رو پشتیبانی نمیکنه ؟؟؟ هک سی اس اس خاصی داره ؟؟؟

ببخشید سوالام زیاد شد

واضح نیست درخواستتون. یعنی دقیقا چطوری می خواهید تصویرها چینش شوند.

اما کلی می گویم. شما برای اینکه بتوانید چند عکس را در جاهای مختلف در یک صفحه نشان دهید بهتر است اول جدول تشکیل دهید و تصویر را در داخل سل مورد نظر قرار دهید. خطهای جدول را هم سفید کنید تا اصلا دیده نشوند.

شما جدول خودتون را در ورد درست کنید و داخل ارسال مطلب بذارید. و در آنجا عکسها را آپلود کنید. اگر می خواهید جای دیگری استفاده کنید کد html را بردارید و جای دیگری بذارید.

[ali56 197]

آقا ایمان یه آموزش تو سایتشون گذاشتن ببین منظورتون همینه؟

یا شاید بتونین ازش استفاده کنین

دمو : http://fakharblog.com/sample/gride-archive/

آموزش : http://fakharblog.com/%D8%B1%D9%88%D8%B2%D9%86%D8%A7%D9%85%D9%87-%D8%AF%DB%8C%D9%88%D8%A7%D8%B1%DB%8C/

ویرایش شده آذر 92 توسط ali56

[i.gratia 12]

ممنون دوستان - فکر میکنم آقا ایمان از فریم ورک استفاده کردن منظوره من از طریق کد css بود برای گذاشتن تصاویر در جاهای مختلف در اطراف هم از سی اس اس کدهایی باید استفاده کرد ؟؟

[سعید شعبانی 2047]

میشه با یک عکس نشون بدید که چی می خواهید؟

[i.gratia 12]

درست شد ممنون ، فقط اینکه به margin یا oadding منفی یه عدد بدیم صحیحه؟؟؟ مثلا

margin=-40px;

و اینکه اگر بین تگ div خالی باشی مشکلس تو سئو سایت بوجود نمیاد ؟؟؟ یجورائی غیر حرفه ای نیست ؟؟؟

مثل کد زیر

<div class="img"><img src='#" /></div>

ویرایش شده آذر 92 توسط i.gratia

[سعید شعبانی 2047]

درست شد ممنون ، فقط اینکه به margin یا oadding منفی یه عدد بدیم صحیحه؟؟؟ مثلا

margin=-40px;

و اینکه اگر بین تگ div خالی باشی مشکلس تو سئو سایت بوجود نمیاد ؟؟؟ یجورائی غیر حرفه ای نیست ؟؟؟

مثل کد زیر

<div class="img"><img src='#" /></div>

منفی برای margin استفاده کنید ولی برای padding خیر

اگر در حد معقول از تگ div خالی استفاده کنید هیچ مشکلی پیش نمیاد