محمد مهدی

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

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

سلام

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

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

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

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


لینک به پست

سلام

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

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


لینک به پست

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

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

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


لینک به پست

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

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


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

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


.clr {clear:both;}

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


لینک به پست

سلام

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

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

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


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

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


.clr {clear:both;}

نشد ...

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


لینک به پست

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

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

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

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


لینک به پست

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

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

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

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


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

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

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


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