Css menu wider

Hello,

Have a look at http://www.egyediszoftverek.hu/ideig/KaloczyAblakCsere/index12.html
There is a css menu on the left side.

I would like the yellow highlighted bar to be as wide as the cell, to be uniform (because now is only as wide as the text of the menu item)

Thank you
starhuAsked:
Who is Participating?
 
keyuConnect With a Mentor Commented:
do one thing onmouse over event call javascript function

and set the width

or try using margin and padding

  <p>Just roll the mouse over me.</p>  <p>Or me to see a color change.</p>  

 $("p").mouseover(function () {    $(this).css("color","red");  });


0
 
Gurvinder Pal SinghCommented:
give width to that anchor tag as 267px

replace line 545-551 as

#main_szovegFOMENU a:hover {
color: black;
text-decoration:none;
background-color: #f6fe13;
width: 267px;
 background-position: 260px;
}
0
 
keyuCommented:
hi,

you want hover color width  larger right ?

try this

#main_szovegFOMENU a:hover {

background-color:yellow;

width: 267px;

}
 
0
 
starhuAuthor Commented:
hi,

unfortunately width: 267px; didn't  solve it :-(
0
 
colinspursCommented:
Try adding display: inline-block to your span szovegFOMENU styling.  With the witdth if it doesn't work without!

Col
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.