Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can’t Quite Seem to Get Arrow Centered Re: Can’t Quite Seem to Get Arrow Centered

#73809
Rob MacKay
Participant

nope that’s definitely you and not IE lol

Ok so – firstly you have your LI’s in that sidebar set as inline – is there anyreason for that? I would remove that first of all.

Then there are many ways you could do this better… but the way I did it quickly was:

Code:
ul.sidebar-list li {
position:relative /*So you can position the arrow inside the li*/
}

/*add this class to the div with the arrow in and remove the */
div.arrowbox {
background: url(http://dev.charlottes-saddlery.com/mm5/Images/Images/sub-nav-arrow.gif) no-repeat;
height: 12px;
width: 10px;
position: absolute;
right: 10px;
top: 10px;
}

this way you are not using floats, margin, padding or anything that will fail horribly while being interpreted differently