Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

jpg-buttons, borders, menuhight
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: jpg-buttons, borders, menuhight
#5649
Re:jpg-buttons, borders, menuhight 7 Years, 5 Months ago Karma: 0
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
oli
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#5651
Re:jpg-buttons, borders, menuhight 7 Years, 5 Months ago Karma: 0
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.
oli
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#5658
Re:jpg-buttons, borders, menuhight 7 Years, 5 Months ago Karma: 0
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.
oli
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#5661
Re:jpg-buttons, borders, menuhight 7 Years, 5 Months ago Karma: 670
It seems now issue with submenu is fixed?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#5677
Re:jpg-buttons, borders, menuhight 7 Years, 5 Months ago Karma: 0
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
oli
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#5683
Re:jpg-buttons, borders, menuhight 7 Years, 5 Months ago Karma: 670
Add the following CSS rules:

Code:


.ux-menu-container .ux-menu a
{
  background-color: transparent;
}

.ux-menu-container .ux-menu .ux-menu-sub a
{
  padding-right: 24px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 123