Hi,

I'm new to DNN but have managed to create a number of custom skins.

When I look at a .ascx skin file I have the following code:
<div id="LeftPane" class="LeftPane" runat="server" Visible="True" style="">

Now.... When I go to admin and go the the "edit" mode my style sheets get messed up due to the dashed line that appears around my left and right page divs.

Looking at the rendered HTML I notice the following:
<div id="dnn_LeftPane" class="LeftPane" style="border-top:1px #CCCCCC dotted;border-bottom:1px #CCCCCC dotted;border-right:1px #CCCCCC dotted;border-left:1px #CCCCCC dotted;">

My question is where is the style="" being added in? I thought this should be at the skin level but for me it is not. I have obviously configured something incorrectly, please could someone point me in the right direction.

Thanks

THE DOTTTED LINES
The dotted lines you see are there to aid DNN content managers in the placement of modules.  This function is built into DNN -- there is nothing you can add to your skin's CSS that will override this default DNN behaviour.  You could get messy with adding some javascript to your skin to dynamically override the added elements/styles but you actually want to keep those dotted lines just the way they are....

WHY KEEP THE DOTTED LINES?
You don't want to change the way these lines appear/function on your copy of DNN because you would then no longer see your skins the way other users see them when logged in as HOST, ADMIN or PAGE EDITOR on their copies of DNN.  Also, if you change your copy of DNN then OTHER skins may no longer render correctly on your system.  If you managed to add something to your skin (so that everyone's copy would override the dotted lines) you'd then face the issue of your skin not featuring a standard DNN design element (the dotted lines!) that is expected by DNN content managers.

WHAT TO DO NEXT
If the dotted "design lines" are causing your skin to render strangely in EDIT mode then you probably need to alter the structure of your skin.  I'd recommend looking at code for other skins that don't exhibit the same issue -- there are tons of free skins you can download and pick apart to learrn layout tricks from. 

SKINNING RESOURCES
I'm sure Greyhound has already looked at plenty of skins and has a good list of skinning resources but for anyone else reading this thread...

A nice place to start with free skin downloads is: http://www.dnnskins.com/free-skins.aspx

The same site also has a series of example code snippits for various skin objects:  http://www.dnnskins.com/skinformation.aspx

There is the official DotNetNuke "Skinning Whitepaper" document that also covers much more than just skin objects: 
http://www.websecurestores.com/LinkClick.aspx?link=DNN+Documentation%2FDotNetNuke+Skinning.doc&tabid=85&mid=588

And, finally, the comprehensive "Skinning Toolkit" site:  http://www.skinningtoolkit.com/

-mamlin

You cannot prevent the system to inject the style, but you can overwrite it in your skin:

.LeftPane {

border:none !important;

}

Should work I think, or you would have to replicate the injected css and use important, BTW in DNN 5 the panes are only shown if you select design.