چطور ارتفاع hover در Css را تنظیم کنم؟

[Payam.Hayati 15]

سلام

لطفا" این لینک رو باز کنید :

Welcome

می خوام زمانی که با موس بر روی هر کدام از کلمات منو برم بک گراند آن تغییر رنگ پیدا کنه ، برای هر کلمه منو یک div تعریف کردم ، در قسمت Download آیتم hover در Css رو فقط برای width میتونم درست ست کنم ، از چپ و راست به یک اندازه دستورات hover اعمال می شوند اما در ارتفاع فقط از پایین hover اضافه میشه می خوام از بالا هم به اندازه پایین hover اعمال بشه.

روش درست تر این بود که من بیام از تصاویر استفاده کنم به طوری که زمان hover شدن تصویر را رنگ دلخواه به عنوان hover قرار نمایش داده بشه اما میخوام بدونم چرا به یک اندازه میزان رنگ hover شده در ارتفاع طرفین اعمال نمیشه اما در width میشه؟

این تصویر مشکل :

http://jupload.ir/do.php?imgf=joomlaforum.ir_13886623441.png

تشکر

[mmfallah 67]

شما نباید به هاور عرض و طول بدید کافیه از padding استفاده کنید

کد زیر را جایگزین کنید

#menu-down {
  color:#0078D3;
  float:left;
  margin-top:-28.6%;
  margin-left:35.5%;
  color:#0078D3;
  font-size:17px;
  text-align:center;
    padding:15px;

 }
#menu-down:hover
 {
  background-color:#00AFF0;
  color:#FFF;
  cursor:pointer;

 }

ویرایش شده در دی 92 توسط mmfallah

[Payam.Hayati 15]

ممنون،چطور میتونم کل ارتفاع پشت را hover کنم مثل خود سایت skype.com ؟

[Vahid Taheri 74]

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

برای منو ها و لیست ها معمولی از تگ های ul و li استفاده میشه. اما شما از div استفاده کردید و همین باعث سختی کار و استفاده از یه سری کد های css اضافه میشه. پیشنهاد میکنم آموزش ساخت منوی Html و css رو در اینترنت سرچ کنید تا بهتر بتونید روی این کار مانور بدید.

یه مورد دیگه که بود اینه که آیتم های منو باید توی یه تگ خاص جمع بشن ( همون ul ). یعنی کل منو با پس زمینش یه کلاس یا شناسه داشته باشه که راحت بتونید استایل بهشون بدین. اما در این چیزی که شما زدین به طور مثال کد زیر توی همه ی استایل های آیتم های منو وجود داره :

margin-left: 26%

در صورتی که میتونستید فقط یک بار و با نوشتن این کد اعمال کنید :

#menu ul li {
margin-left: 26%
}

که طبیعتا مقدار کمتر میشه. چون مقدار اصلی رو به شناسه مادر یعنی #menu میدین.

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

موفق باشید