رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

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

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

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

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

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

ویرایش شده توسط i.gratia
لینک به ارسال

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

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

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

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

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

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

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

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

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

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

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

لینک به ارسال

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

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

دمو : 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/

ویرایش شده توسط ali56
لینک به ارسال

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

لینک به ارسال

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

margin=-40px;

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

مثل کد زیر


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

ویرایش شده توسط i.gratia
لینک به ارسال

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

margin=-40px;

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

مثل کد زیر


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

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...