Fri, 2014-03-14 18:18
Hi,
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?
Thanks,
Sat, 2014-03-15 00:52
#1
Hi nsharony, Assuming you
Hi nsharony,
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.
Sat, 2014-03-15 08:33
#2
Hi Tony
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
Sat, 2014-03-15 10:25
#3
hi nsharony, Then you need to
hi nsharony,
Then you need to set the background-size and background-position