pixelshift
|
Hi,
i'm working on a artisteer site and trying out some sub menu options.
When working with a border around the submenu items i get double lines between each menu item. Also is the submenu 1 pixel to the right.
I want to build a very basic theme and the 1 poxel shit + double pixel is making it look crappy...
Any tips to fix this in the style sheet?
Thanks!
|
|
Garry
|
You should move submenus one pixel up and few pixels left by changing value of padding property from following styling rule:
.art-menu ul
{
background-image:url(images/spacer.gif);
margin:-10px 0 0 -30px;
padding:10px 30px 30px;
}
|
|
pixelshift
|
Hello Garry,
thanks for the tips! i tried all the padding and margin values but still have 1 double pixel line:
anybody who knows hot to shift the second (and rest) of the submenu items 1 pixel up
|
|
Garry
|
Try adding border-top:0px; to following styling rule:
.art-menu ul a
{
background-image:url(images/subitem-bg.png);
background-position:left top;
background-repeat:repeat-x;
border:1px solid #E4C144;
display:block;
height:20px;
line-height:20px;
margin-right:auto;
overflow:hidden;
text-align:center;
white-space:nowrap;
width:180px;
}
|
|
pixelshift
|
Nice that fixed it up! Thanks for the help
|
|