http://www.w3planet.info/circle-menu/menu.jpg
sure without the circle border and little larger to fit the screen I dont want to use any image maping, or images, only markup
any idea?
Well, an approximation of what you want to do... <http://www.splintered.co.uk/experiments/archives/circular_menu/>
Basically, using the classic unordered list of links, making the containing UL a certain dimension, and setting position:relative to provide a point of reference for absolutely positioning the list items. The actual coordinates for the list items are calculated by hand with basic trigonometry, and additionally I changed them to percent values to make the whole thing a tad more flexible (this way, you can easily change the dimensions of this approximated circle by only changing the dimension of the containing UL).
As for calculating the position itself, this is just basic trigonometry (sin and cos)
Not perfect, as I haven't corrected for the actual size of the list items (effectively their top-left corner is roughly on the circle, not their middle point), but this should give you at least some basis for further experimentation...
Patrick H. Lauke _____________________________________________________ re�dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
