رفتن به مطلب

مشکل در ساخت منو


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

سلام

من یک منو ساختم اما دو سوال اساسی برام پیش اومده .

نکته : من در کد های css ، از قصد padding بالا و پایین را حذف کرده ام تا ببینم علت استفاده از padding بالا و پایین چیست

عکس از منو :

23267142133016541858_Untitled.png

1- الان در منوی بالا اگر padding بالا و پایین 15 باشه ، منو درست میشه . اما چرا باید از padding بالا و پایین استفاده کنیم ؟!؟

مگه padding بالا و پایین ، فاصله از بالا و پایین نیست ؟؟

خب اگه padding بالا و پایین نداشته باشه پس باید درست باشه و مشکلی پیش نیاد

2- بعد از ساخت منو ، علت استفاده از کلاس clear که شامل محتویات زیر میشه چیست ؟!

اگه از کلاس clear استفاده نکنم ، بک گراند منو نمایش داده نمیشه و بهم میریزه.


.clear{
clear:both;
}

دانلود منو :

http://up.vbiran.ir/...0_menu test.zip

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

من مشکل شما رو نفهمیدم ! خب استفاده کنه از این کد های شما چی کار دارین :rolleyes: مهم این که درست باید نشوت بده که میده !

ولی margin هست که فاصله رو کم زیاد میکنه ! padding ی جورایی دایو را از همون جا که هست میگیره میکشه !

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

http://css-tricks.com/almanac/properties/c/clear/

لینک به ارسال
ارسال شده در (ویرایش شده)

من مشکل شما رو نفهمیدم ! خب استفاده کنه از این کد های شما چی کار دارین :rolleyes: مهم این که درست باید نشوت بده که میده !

ولی margin هست که فاصله رو کم زیاد میکنه ! padding ی جورایی دایو را از همون جا که هست میگیره میکشه !

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

http://css-tricks.co...erties/c/clear/

سلام آخه خودم یاد گرفتم که منو درست کنم و hover داشته باشه .

مشکل من این هست که وقتی موس روی منو میره ، اون مستطیل درست نشون داده نمیشه

شکل غلط منو :

23267142133016541858_Untitled.png

شکل صحیح منو :

35237142141503144804_Untitled.png

فقط میخواهم بدونم چرا در کد نویسی منو ای که خراب هست ، اگه padding بالا و پایین 15 باشه ، مشکل حل میشه؟ کد :

padding 15px 10px

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

من کد منو شما رو ندیدم ولی معمولا برمیدارن به تگ <a> یک مقداری padding میدن ! که همون بکگراند مشکی بر رنگ هست ! اگه ندن بکگراند مث حاللن بالایی میشه که به اندازه عرض و طول خود متن بکگراند میده ! شما تفاوت مارجین و پدینگ رو هم نمیدونید دقیق !

مارجین برمیداره فاصله میندازه ! پدینگ برمیداره اون فاصله رو تازه سر کلاس میکنه ! الان 15 پیکسل دیگه هم به کلاس شما اضافه کرده در اصل ! فاصله نداده !

لینک به ارسال
ارسال شده در (ویرایش شده)

من کد منو شما رو ندیدم ولی معمولا برمیدارن به تگ <a> یک مقداری padding میدن ! که همون بکگراند مشکی بر رنگ هست ! اگه ندن بکگراند مث حاللن بالایی میشه که به اندازه عرض و طول خود متن بکگراند میده ! شما تفاوت مارجین و پدینگ رو هم نمیدونید دقیق !

مارجین برمیداره فاصله میندازه ! پدینگ برمیداره اون فاصله رو تازه سر کلاس میکنه ! الان 15 پیکسل دیگه هم به کلاس شما اضافه کرده در اصل ! فاصله نداده !

حرف شما درست .

اما padding مگه باعث کم شدن فاصله از طرفین نمیشه ؟!؟ پس وقتی که به تگ a پدینگ دادیم، فاصله نوشته داخل باکس باید خیلی کمتر از منو بشه.درسته ؟

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

مثال انلاین رو ببنید و اعداد شو تغییر بدین بهتر میفمین :

http://www.w3schools.com/css/tryit.asp?filename=trycss_padding_sides

لینک به ارسال

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

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

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

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

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

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

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

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

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