irmacfa

مشکل با طراحی قالب سه ستونه

6 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

دوستان وقت بخیر ببنید بخشی که در عکس هست رو میخوام بیارم وسط بیاد بین دو تا سایدبار ها اما css ماندم چی بهش بدم میشه کمک کنید چطوری میاد وسط.

فایل PHP

<div id="main">
<div id="sidebar-right"></div>
<div id="homenews"></div>
<div id="sidebar"></div>
</div>

 

 

فایل CSS

#main{
	margin:0 auto;
	width:980px;	
}
#sidebar-right{
	float:right;
	background:#0f94e9;
	width:200px;
	height:500px;
	margin-left:5px;	
	margin-bottom:10px;
}
#homenews{
	float:left;
	width:570px;
	height:500px;
	margin-bottom:10px;
	background:#666;
}

#sidebar{
	float:left;
	background:#0f94e9;
	width:200px;
	height:500px;
	margin-left:5px;	
	margin-bottom:10px;
}

 

2016-07-11_23-00-08.png

ویرایش شده در توسط irmacfa
0

به اشتراک گذاری این پست


لینک به پست

دوستان راهنمایی میکنید :wacko:

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

در 9 ساعت قبل، irmacfa گفته است :

دوستان راهنمایی میکنید :wacko:

باید یه المنت دیگه درست کنید به عنوان نگه دارنده‌ی دوتا المنت سمت چپ و flaot این المنت (نگهدارنده) رو left قرار بدین و بعدش المنت‌های داخلی رو یکیش رو flaot:right بش بدین و یکی رو float:left بش بدین، با انجام این کار اون المنت داخلی که flaot:right داره در صفحه‌ی وب وسط نشون داده میشه.

پ‌ن: این چیزی که گفتم کاملا یهویی بود، شاید جواب نده!

ویرایش شده در توسط Farshad
1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

قبل از اینکه روش بالا رو انجام بدین flaot قسمت homenews رو کلا بردارین ببینید نمیاد وسط.

ویرایش شده در توسط Farshad
1

به اشتراک گذاری این پست


لینک به پست
در 10 ساعت قبل، irmacfa گفته است :

دوستان راهنمایی میکنید :wacko:

قبل از اینکه روش بالا رو انجام بدین flaot قسمت homenews رو کلا بردارین ببینید نمیاد وسط.

1

به اشتراک گذاری این پست


لینک به پست

float همه رو روی right بذارین .اینجوری هر کدومشون که تو فایل php اول(بالاتر ) باشن اول میان و دومی دوم میاد و به همین ترتیب.

مثلا اگه سه تا المنت داشته باشیم به این صورت

<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>

و float همشون رو right گذاشته باشین.به ترتیب box1 بعد box2 و در آخر box3 به ترتیب از راست به چپ چیده میشن.

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط ARS
      با درود فراوان
      قالب فعلی سایت بیا تو ببر رو به صورت رایگان برای بازدید کنندگان سایت آماده کرده ایم ، این قالب به دو صورت مجله ای و سه ستونه آماده شده که کلیه سایت های خبری ، مجله ای ، دانلود و … می توانند استفاده کنند.



      امکانات کلی قالب:
      سئو و بهینه سازی شده ۱۰۰ درصدی .
      استفاده از فناوری CSS Sprite برای بالا بردن لود پوسته.
      استفاده از css3 و HTML5 در پوسته با درصد خطای صفر.
      کدنویسی استاندارد
      پشتیبانی ابزارک
      عضویت در خبرنامه زیبا همراه با psd تصویر
      دارای شورتکد های اختصاصی برای ایجاد مطالبی زیباتر :

      دارای اسلایدر مطالب زیبا و کم حجم
      دارای قالب اختصاصی برای صفحه سایت مپ
      دارای قالب اختصاصی برای صفحه تماس با ما بدون نیاز به افزونه
      دارای قالب اختصاصی برای صفحه برچسب ها
      افزونه های مورد نیاز:
      Multi-level Navigation Plugin برای منوی سایت
      WP-PageNavi برای نمایش صفحات سایت
      WP-PostViews برای نمایش بازدید مطالب
      WP-Statistics برای نمایش آمار بازدید
      Related Posts via Categories برای نمایش مطالب مشابه
      Smooth Slider برای نمایش اسلایدر مطالب
      مشخصات ضمینه های دلخواه:
      hajm : حجم فایل مربوطه
      link:لینک دانلود فایل
      demo: لینک نمایش دمو سورس فایل ها
      توضیحات تکمیلی :
      این قالب به دو صورت مجله ای و سه ستونه قابل دریافت است!
      تنظیمات افزونه Smooth Slider برای نمایش صحیح اسلایدر مطالب:





      تنظیمات افزونه Multi-level Navigation Plugin برای همخوانی با سایت:




      مطابق تصویر بالا تمامی کدهای داخل باکس را پاک کنید و سپس تنظیمات را ذخیره کنید.
      دانلود افزونه Smooth Slider هماهنگ شده با قالب
      دانلود قالب جدید بیا تو ببر به صورت سه ستونه : bia2bebar-sp.zip
      دانلود قالب جدید بیا تو ببر به صورت مجله ای : bia2bebar-sp-Majaleh.zip
      دموی آنلاین
      منبع
      توضیحات بیشتر
    • توسط ARS
      درود فراوان
      امروز قالب قبلی سایت بیا تو ببر رو به همراه فایل های psd مورد نیاز برای ایجاد تغییرات در قالب رو واستون آماده کردم این قالب بسیار زیبا و مناسب سایت های تفریحی و خبری می باشد…
      این قالب قبلی سایت خودم بود که ویرایش شده ی یه قالب دیگست البته یادم نیست اسم قالب اصلی چی بود!



      امکانات قالب :
      ⦁ دارای ۸ ابزارک در قسمت های مختلف سایت
      ⦁ سه ستونه با طراحی زیبا
      ⦁ قابلیت درج تبلیغات در بالا و یا آخر مطالب از طریق ابزارک
      ⦁ مطالب مرتبط بدون افزونه
      ⦁ ۴ ابزارک در پانوشت
      ⦁ اسلایدر مطالب زیبا و سبک
      ⦁ ابزارک ورود به سایت زیبا در بالای قالب هماهنگ با افزونه sidebar-login
      ⦁ قسمت اشتراک مطالب فیدبرنر در هدر سایت
      ⦁ نمایش عکس های سایت به سبک افزونه lightbox بدون نیاز به افزونه
      ⦁ قابلیت تغییر اندازه فونت مطالب توسط بازدیدکنندگان سایت
      ⦁ فایل psd هدر
      ⦁ تصویر شاخص برای مطالب
      ⦁ اشتراک گذاری مطالب
      افزونه های مورد نیاز :
      sidebar-login ( حتما )
      wp-pagenavi
      wp-print
      wp-postviews

      پیشنمایش قالب
      اشکالات و سوالات خود را اینجا بپرسید..
      منبع
      bia2bebar-temp.zip