Hi Lee

I have been "stuck" with the "Curiosity Green" skin for a while now, but believe it's time to change.

You recommended recently that I put padding on pictures not to have the text jammed right up to them.  I do that in the CFK editor and it looks good in admin and host view, but when I log out the padding is removed.

This must be a skin issue right?

So, if I want something different - where to look?

I believe Ventran has a few skins?
And I believe DotNetNuke had some compe ion recently about skinning? Providing free sample skins?


Cheers

Olle...
www.conniehansen.com

The skin issue with padding around image should be in the CSS file. But this is somewhat odd, as the editor puts any padding that you add in as embedded styles.

As for skins, the dozen or so skins from the recent DotNetNuke skinning contest are one place to look. I belive that engagesoftware.com has a couple of free skins. There are others, and you can google "dotnetnuke free skins" to search for them.

If you want to add padding into images in a skin, it's best to code this in the skin.css rather than embed styles, try something such as:

/* styles all images within text/HTML module */
.Normal img
{
    border: 1px solid #CCC;
    margin: 0 2px 20px 3px;
}

Thanks again for all help!!!

Where would DNN be without you two??? 


First of all, this was a FireFox problem only, (normally IE that plays up.) so the padding I put in worked fine in IE - but had no effect in Firefox.


Anyway....
The CSS class works fine Lee. I thought I needed to put the Style manually on all images but it obviously apply to all images installed.

There is one funny thing though;

The "Hover setting" highlights an area on this image buttons, this area follows the padding - thus shows something sticking out when hovering over the image.
http://www.conniehansen.com/


Always something funny.


Have a great weekend....

are you using padding or margins in the code?

Hmmm, I did respond here yesterday Lee ?

Anyway, it is margins;

/* styles all images within text/HTML module */
.Normal img
{
border: 1px solid #CCC;
margin: 0 10px 20px 3px;
}

Cheers