I am trying to come up with a solution that will allow me to render the following:
My constraints are:
1. The curve is made up of a separate image (currently it is part of a sprite)
2. The position of the curve needs to be centered below the text, so I cannot use a fixed position.
Can anyone help me with some tips on how to achieve this?
Hi nsharony, Assuming you
Assuming you have the menu in a Unordered List, you could use the bottom border of the UL as the line.
Then position the other curve image as a background image on the LI or A.
Thank you for the reply, but I've tried it and it doesn't work because it causes the curve part to stretch horizontally and take the width of the text in the LI or A
The curve image must have a fixed width and be centered below its text