محمد مهدی

دستور float و بهم‌ریختن قالب

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

سلام

من یه قالب خام وردپرس رو ورداشتم و دارم روش تغییرات انجام می‌دم

نمی‌دانم چرا هرجای قالب از float استفاده می‌کنم کلا اون قسمت از بین میره٬ اینگار که از پوزیشن ابسولوت (position: absolute) استفاده کرده باشم

ممنون میشم دوستان راهنمایی کنن

0

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


لینک به پست

سلام

خب خاصیت این کد هست !!! ... float یه شی رو شناور میکنه ... به هم ریختگی ای هم که ایجاد میشه رو با خصوصیات margin و padding درست کنید .

1

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


لینک به پست

بهتره وقتی از float استفاده میکنید همه ی اونها در یک دایو کلی قرار بگیرند . یعنی نسبت به دایو مادر راست یا چپ قرار بگیرند .

این آموزش و این لینک رو ببینید . هر جا که float استفاده کردم قبلش در یک دایو اصلی قرار دادمش .

1

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


لینک به پست

بعد از المانی که float کردید باید با یک div خاصیت float را از بین ببرید تا الماتن های پشت سر اون سر جاشون باقی بمونن.

پس شما اول این دایو را بعد از المانی که float کردید قرار بدید


<div class="clr"></div>

بعد این استایل را هم به قالب اضافه کنید.


.clr {clear:both;}

4

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


لینک به پست

سلام

خب خاصیت این کد هست !!! ... float یه شی رو شناور میکنه ... به هم ریختگی ای هم که ایجاد میشه رو با خصوصیات margin و padding درست کنید .

بعد از المانی که float کردید باید با یک div خاصیت float را از بین ببرید تا الماتن های پشت سر اون سر جاشون باقی بمونن.

پس شما اول این دایو را بعد از المانی که float کردید قرار بدید


<div class="clr"></div>

بعد این استایل را هم به قالب اضافه کنید.


.clr {clear:both;}

نشد ...

0

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


لینک به پست

این دو تا لینک رو ببینید بهتر کمکتون میکنه راجب این خاصیت ;)

http://www.w3schools.com/cssref/pr_class_float.asp

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_float

2

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


لینک به پست

ممنون از دوستان از این راه استفاده کردم

در قسمت آخر فایل loop از دستور زیر استفاده کردم


<div class="clear"></div>
.clear{clear:both}

0

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


لینک به پست

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

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

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

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


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

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

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


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