while I was attempting to construct and style my first menu, I noticed something a bit odd...
With my menus outter container set to 150px wide, I wanted to be able to click anywhere across the width of each link row to follow that link.
Now... by adding: a { display: block; } to the css file and testing in FireFox, that worked fine. But not in IE, I still had to click the text of the link in order to follow it. If I clicked anywhere else in that links row, nothing happend.
However, by adding a background:
a {
display: block;
background: #fff;
}
made IE react the same as FireFox, allowing me to click anywhere across that links row to activate the link.
But I don't understand why adding a background made a difference.
Any info is much appreciated.
With my menus outter container set to 150px wide, I wanted to be able to click anywhere across the width of each link row to follow that link.
Now... by adding: a { display: block; } to the css file and testing in FireFox, that worked fine. But not in IE, I still had to click the text of the link in order to follow it. If I clicked anywhere else in that links row, nothing happend.
However, by adding a background:
a {
display: block;
background: #fff;
}
made IE react the same as FireFox, allowing me to click anywhere across that links row to activate the link.
But I don't understand why adding a background made a difference.
Any info is much appreciated.
