Hello,

I need to put an image into a pane and I would like that it takes all the place in the pane. I've uploaded a container called "none", that has no margin and no decorations. It is a table with two row. One contents [ACTIONS] as token, and the other is the contentpane. When I insert the module "image" in this pane there is a gap between the module and the pain-borders.
Do you have an idea for solving my problem?

Thank you very much for any help.

Yours,
Maxime

Maxime,

Do you have cellpadding=0 and cellspacing=0 for the table?

 

there are padding values defined in the cascading style sheets. remove these, and you will solve your problem.

Thank you for this information but I'm still unable to solve my problem.
I've made a screen copy that you can see at http://www.berlepsch.de/print/mathmax-dnn3.jpg . I would like the two images to stick. In other words, I would like to remove the gap between the module "image" and the border-pane.

Thank you in advance for any information.

Maxime

are you sure, that the gap does not only appear in design mode? try preview, so the dotted line will disappear (and maybe the space around.

Hi,

Can you do a 'view source' and send a code snippet around the area where the the images are shown? It looks like it might be a problem with spacing in the skin and not the container itself.

Is this page available to the public so we could see it directly?

You can see my skin and container code hier:

http://www.berlepsch.de/print/skin_and_container.gif

There is three files for the skin (html, CSS et XML) and one for the container (.acsx).

Besides, I've checked my problem is not a problem of preview?

Thank you very much for your help.

Maxime

Can't see anything at that link.

However, the gap is probably in the image1pane cell of your actual skin, not the container.

I often use Frontpage/Dreamweaver to open a page as displayed in the browser. This allows me to check images, cells and other items and determine where these things creep in. It has a breadcrumb-style row of tags that shows exactly what code, incuding any classes, surrounds each item. Check for any stray spaces (&nbsp;) and also maybe do a test with a simpler table layout. Spanned columns, percentage widths, any specified width and of course the mess of style sheets all contribute to this sort of thing. Also, depending on how you're inserting the image, go to basic mode when using the text editor to insert stuff and try removing any leading <p> tags. Skinning DNN is all about throwing something at it and then backtracking from there. always be aware that each browser can have its own peculiarities and adding or removing gaps between different types of content is a common variation.

I'm a little concerned about how you're going about designing that skin. There may be a better way to build it, perhaps by specifying those images as cell backgrounds in the skin rather than inserting them using modules and containers? Save the use of the content panes for informational content rather than use them for the site graphics. Alternatively, if these graphics will often change, then insert a text/html module into a single large contentpane and then insert the images into a table within that pane using the text editor. For messing with text and images however, I recommend replacing the default FTB editor with Locopon's FCK version. Get it here: http://dnn.tiendaboliviana.com/web/Default.aspx?tabid=76

Regards,
Rob

Hi,

Thank you very much for your help. I've solved my problem. In fact, the problem was due to the container. As dnnstuff advised me, I have added cellpadding=0 and cellspacing=0 in the table of my container. At the beginning I have putted it in my skin and that had not corrected my problem. Sorry to have taken so much Time to find it.

See you again.

Without modifying the skins, you can add the following to your site's stylesheet editor:

.TopPane {padding: 0px}
.LeftPane {padding: 0px} (or .LeftPane {padding: 1px} for a more even look)
.ContentPane  {padding: 0px}
.RightPane {padding: 0px}
.BottomPane {padding: 0px}