site

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

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

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

سلام

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

نکته : من در کد های 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
0

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


لینک به پست

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

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

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

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

1

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


لینک به پست

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

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

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

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

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

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

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

شکل غلط منو :

23267142133016541858_Untitled.png

شکل صحیح منو :

35237142141503144804_Untitled.png

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

padding 15px 10px

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

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


لینک به پست

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

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

1

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


لینک به پست

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

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

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

حرف شما درست .

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

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

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


لینک به پست

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

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

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

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


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

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

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


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