Woohoo

still not exactly what it should be, but getting close to it

Problems:

- the submenus have not the same width as the topmenu, the submenuboxes are smaller

- the words in the boxes are alined left, how can I aline them center (and perhaps at the top of the box)

www.kьnstlerkeller-zwingenberg.de/

Thanks very much for your patience, and of course for your help

hmpf, sry, another problem (i thought i could handle it)

the bordercolour should be black...

i tried:

#pillmenu .ux-menu a
{
border-top-color: black;
border-bottom-color: black;
}

#pillmenu .ux-menu a.ux-menu-link-first
{
border-left-color: black;
}

#pillmenu .ux-menu a.ux-menu-link-last
{
border-right-color: black;
}

#pillmenu .ux-menu li li a
{
border-top-color: black;
border-bottom-color: black;
}

#pillmenu .ux-menu li li a.ux-menu-link-first
{
border-left-color: black;
}

#pillmenu .ux-menu li li a.ux-menu-link-last
{
border-right-color: black;
}


But it had no effect...



And is it possible to get the whole menu centered? at the moment it seems to be aligned left - so there is a gap at the right side.


Thank you a lot.

Hey there, played a lot with the things and solved most problems. I dont know, if this is correct - but as far as i can see it works

So here is what I implemented:

/* Remove arrows */
.ux-menu .ux-menu-arrow
{
background-image: none;
}

#art-main .ux-menu-container .ux-menu a
{
width: 102px !important;
}

.ux-menu-container .ux-menu a
{
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: center;
color: #ee9839;
}

.ux-menu-container .ux-menu .ux-menu-sub a
{
border-top-style: solid;
border-bottom-style: solid;
}

.ux-menu-container .ux-menu a.ux-menu-link-first
{
border-left-style: none;
}

.ux-menu-container .ux-menu a.ux-menu-link-last
{
border-right-style: none;
}

.ux-menu-container .ux-menu .ux-menu-sub a.ux-menu-link-first
{
border-left-style: solid;
}

.ux-menu-container .ux-menu .ux-menu-sub a.ux-menu-link-last
{
border-right-style: solid;
}

/* Remove sub-menus borders */
#art-main .ux-menu-container .ux-menu .ux-menu-sub a
{
border-left-style: none;
border-right-style: none;
border-bottom-style: none;
border-top-style: none;
}



But the problem with the width of the submenu I cant fix. It is about 10px to short and the worst about that is, that it cuts the image.

Perhaps here someone can help. Big thanks to you.

It seems now issue with submenu is fixed?

Regards,
ARI Soft

no, problem still exists. The submenu-boxes have a different width, and the image is not shown complete.
the submenu-boxes need about 10-15px more in their width.

If you look at the page, I made the buttons a png. The surrounding of the png-button is invisible.
Is it possible, to make the background behind the png invisible too? Dont know why, but in over-mode of the button it is allready right. should be the same in normal and current mode.

Thanks in advance

Add the following CSS rules:



Regards,
ARI Soft