Layouts

[Arrowtic]

دوستان من مدتیه دارم HTML یاد میگیرم حالا یه سوال بزرگ برام پیش اومده!لینک زیر رو ببینید:
W3Schools ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
چرا این جمله Content goes here اینجا اومده؟منظورم اینه چرا در اون جا قرار گرفته!مگه div آخر یه Linebreak نمیکنه؟پس چرا این Content goes here نرفته اون پایین اون قسمتی که Menu و HTML و اینا داره؟چرا رفته جلوش؟
کلا از کجا میشه فهمید که متنی که مینویسید کجا قرار میگیره؟

[m.m.m5651]

چون از float استفاده شده.

[Arrowtic]

یه ذره بیشتر توضیح میدید؟کارش چیه؟
مرسی

[m.m.m5651]

کارش اینه که یه المنت رو کنار اون یکی قرار میده. برای خنثی شدنش روی المنت های بعدی هم باید از clear:both استفاده کرد.

[Web Design]

درک float برای افراد تازه کار یکم سخت هست چون موضوعی هست که باید خوب باهاشی ور بری تا بتونی کارکنی .

[Arrowtic]

ممنون از جواباتون.یه سوال دیگه:
فایل زیر رو دان کنید.به نظرتون مشکلش چیه؟یعنی نمیخوام که اون گوشه هم خاکستری باشه.میخوام پهنای کلی 800 پیکسل باشه و توش دو تا جدول باشه به پهنای 200 و 600(مجموعا 800) که یکیشون منو باشه(مثلا) و اون یکی هم متن.ولی وقتی این اطلاعاتو میذارم اون گوشه کم میاد.ولی اگه اون 600 رو بکنم 800 درست میشه!(یعنی من پهنای کلیمو 800 تعریف کردم ولی مجموع دو زیر مجموعه میشه 1000 ولی با این حال دقیقا اندازه کل میشه!)
دانلود ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])

[m.m.m5651]

دلیلش padding ه. باید از margin در المنت های داخلی استفاده کنید نه padding در المنت های اصلی.

[Arrowtic]

میشه زیر سیکل حرف بزنید؟: دی
این پدینگ چیه؟!

[m.m.m5651]

آخ ببخشید من فایل رو نگاه نکرده بودم همین طوری از حفظ گفتم :دی
در ضمن یکی دیگه از اشکالاتتون هم اینه که # رو قبل از کد رنگ ها نمیذارید. البته زیاد مهم نیست بازم نمایش میده ولی زیاد استاندارد نیست.
ولی نمی فهمم کدوم گوشه چی باید باشه و اینا اگه میشه تویه عکس نشون بده. مرسی

[Arrowtic]

آقا تو عکس زیر علامت زدم:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
قسمتی که دورش قرمزه رو میگم.دو قسمتو مشخص کردم که پهناشون 600 و 200 هستش پهنای عکس و کلا div کلی ما هم 800 ولی اون گوشه اضافی میاره!(همون قسمتی که دورش قرمزه!با این که به نظرم باید به رنگ قسمت سمت راستش باشه.)

[Arrowtic]

کسی نبود؟!خیلی درگیر سوال بالام!

[Web Design]

برات درستش کردم یکی توی float أادن و height دادن مشکل داشتی
دانلود : [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[Arrowtic]

مر30 عزیز
فقط یه چی:چرا float دومی رو هم باید right میذاشتم؟آخه مگه استفادش این نیست که میفرسته راست؟خوب منوی اولو گذاشتم راست و چون float براش گذاشتم مگه نباید این دومی(که مشکل داشت) خود به خود بچسبه به قبلی؟دلیل اینکه این مشکل به وجود اومد رو درک نکردم!
دستت دردنکنه

[Web Design]

ببین شما هر دو float رو دادی right و یه مشکلم توی بالاتر داشتی یادم نیست چی هست دقیق مقایسه کن با هم

[Arrowtic]

نه من توی مثال خودم فقط یکیو right داده بودم و دومیم هیچی نداده بودم.شما دو تا right داده بودی و درست کار کرد.

[Web Design]

خوب پس توی کار یه حرکتی زدم یادم نیست اگه براتون مهمه چک کنم :40:

[Arrowtic]

لطفا اگه میشه : دی
مشکل من اینه:چرا باید دو بار float:right زد؟یه بار میزنی برا المنته سمت راست دیگه!

[m.m.m5651]

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