Msg#: 4269943 posted 12:25 am on Feb 21, 2011 (gmt 0)
At the moment I'm working on a website with a horizontol image-based menu bar. It also has a submenu. In itself this all works well, but I run into something that is caused by the form of the buttons. They are basically a rectangle, that is afterwards bent in a slight arch-form. All very nice, but the submenu causes me headaches. Since the arch-form is placed on an rectangular transparent image the area functioning as an anchor is basicly too large. When the submenu-buttons are displayed in a vertical row, they only navigate well when there is a lot of space between the arches (the transparent images underneath the arches are neatly positioned below each other without space). Obviously moving the images in a better position, causes overlap and ill-functioning navigation. I have given it a lot thought yet and tried things with padding and an "empty button" as a background-image using text as an anchor, but the background-image even didn't show up. I don't know all ins and outs of css possibilities and wonder if there is any way I can get my submenu-buttons closer together in a way the navigation works well. Might a z-index be of any help, can the "area" function be combined with a list ...
Msg#: 4269943 posted 8:53 pm on Mar 9, 2011 (gmt 0)
Thanks, Leosghost, for your compliment. I'm staying for some time, maybe more interesting conversations will follow. If I don't succeed to overcome the "without-table-lay-out" item, I'll consider sticking to text-writing. :-)