Hi

I am still very new to DotNetNuke stuck in making shis skin right now.  (I have read the skinning toturial and watch a few vidoes, but i cant fint a soloution to this.)

We want a "tabbed like skinn". The way i planned to make it was to put the solpartmenu in a table with one image to the left to start the entiere menu () and to finsih of with with a image opposite way ()and use the spearatorcssclass to end and start the other menu items.. ()

This is how the menu looks like.

Zoomed image available here: ZOOMED IMAGE

As you can see the my problem is the gray background wich shows up in my separatorcssclass.
I have tried to change bacground color in soo many css classes. I cant seem to find out wich one sets the gray backgorund.

And a sidenote. For the separatorcssclass to be visible i added this to my xml file under [SOLPARTMENU]<Setting>
<Name>Separator</Name>
<Value> <![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]]></Value>
</Setting>

There seems to be a top and bottom border on 1 pixel when using the separatorcssclass OR the Separator in the xml file.

If there is a better way to do this i am listening.
But i am happy if there is a solution on how to get the gray background to go away.

Thanx Nina, i got it working.
Dont know what changes that did it, but it was in the stylesheet.

 

the stylesheets indeed ...

my problem seemed to be the MainMenu_MenuBreak css class. Now it isnt obvious since the definition in Skin.css is

.MainMenu_MenuBreak {
height: 1px;
}

When you check the definition in the ../Portals/_default/default.css you find

.MainMenu_MenuBreak {
border-bottom: #EEEEEE 1px solid;
border-left: #EEEEEE 0px solid;
border-top: #EEEEEE 1px solid;
border-right: #EEEEEE 0px solid;
background-color: #EEEEEE;
height: 1px;
}

there, in the border, are the annoying pixels. I copied the definition to my Skin.css and set "border-bottom: #EEEEEE 1px solid;" to "border-bottom: #EEEEEE 0px solid;" and such.

I didn't realise at first that you can't just delete it, you must override it or it will inherit the setting from default.css. Also, editing default.css does not really make the skin portable since you only get to package your Skin.css.