Martin Davis wrote:
> The idea is to have an outline of a circle with icons on the edge of
> it. When a user scrolls over the icon, the text appears in the middle
> of the circle. Even though my div #nav is acting as a containing div
> for the icons, I can't seem to get the text to see the div #nav as a
> container.
The #nav isn't a container for positioning of those spans, because the
anchors are themselves absolute positioned and the spans will therefore
stay relative to them.
You can add something like the following...
ul#nav li a#menu1 span {top: 50px; left: 0px;}
ul#nav li a#menu2 span {top: 50px; left: 50px;}
ul#nav li a#menu3 span {top: 50px; right: 30px; left: auto;}
ul#nav li a#menu4 span {top: 10px; left: 50px;}
ul#nav li a#menu5 span {top: 10px; right: 50px; left: auto;}
ul#nav li a#menu6 span {top: -30px; left: 50px;}
ul#nav li a#menu7 span {top: -30px; right: 25px; left: auto;}
ul#nav li a#menu8 span {top: -40px; left: -10px;}
...and offset the positions relative to those anchors.
Mind what happens when font-resizing is applied.
You can also position those anchors without using 'A:P' or 'R:P', thus
make your original idea work.
> http://dev.martinhdavisiii.com/
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
