You need to Register for free and Login to post a message in the forum.

Forum

Forums > Skinning Toolkit > Skinning Toolkit
Subject: Please help with CSS container
Prev Next
You are not authorized to post a reply.

Author Messages
DrakenKorin
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
09 Jul 2008 4:39 AM  
Hi,

I have a slight problem with my css container.  I have a simple module for uploading and displaying profile pictures.  when I upload an image, the container doesn't expand to surround the image, instead the image spills over the edges of the container.

I've added a small screen shot so that you can see what I mean.

Some background info:  I created the skin and containers using the CSS tutorial found on this site, so that means that the left and center columns are floated, I don't know if that could be the reason?  (since the photo module is in the left column)  I moved the container to the right column, which is not foloated, but to no avail.

Any assistance would be greatly appreciated.

Regards

Julian





DrakenKorin
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
10 Jul 2008 3:52 AM  
pls. anyone?
jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2368
10 Jul 2008 7:39 AM  
Could you perhaps attach your container file to a message and also include the CSS that styles it?
Joe Craig
DNN Creative Support
Subscribe to the website
DrakenKorin
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
10 Jul 2008 8:27 AM  
Hi,

Sure, here are the contents of my css and container files

css:

.cssLightcontainerHolder_transparentBox
{
    border: solid 1px #8EB4E3;
    background-color: #CCC;
    margin-bottom:10px;
}

.cssLightActions_image
{
    background-color: #8EB4E3;
    border-bottom: solid 1px #8EB4E3;
    padding: 2px 5px;
   
}
.cssLightContainer_image
{
    padding: 6px 5px 0px 5px;
   
}
   
   
Container XML:


   
        [ACTIONBUTTON:1]
       
           
                CommandName
                AddContent.Action
           
           
                DisplayIcon
                True
           
           
                DisplayLink
                True
           
       
   
   
        [ACTIONBUTTON:2]
       
           
                CommandName
                SyndicateModule.Action
           
           
                DisplayIcon
                True
           
           
                DisplayLink
                False
           
       
   
   
        [ACTIONBUTTON:3]
       
           
                CommandName
                PrintModule.Action
           
           
                DisplayIcon
                True
           
           
                DisplayLink
                False
           
       
   
   
        [ACTIONBUTTON:4]
       
           
                CommandName
                ModuleSettings.Action
           
           
                DisplayIcon
                True
           
           
                DisplayLink
                False
           
       
   
   
        [ACTIONBUTTON:5]
       
           
                CommandName
                ModuleHelp.Action
           
           
                DisplayIcon
                True
           
           
                DisplayLink
                False
           
       
   
   
        [ACTIONS]
       
           
                ProviderName
                DNNMenuNavigationProvider
           
           
                ExpandDepth
                1
           
           
                PopulateNodesFromClient
                True
           
       
   





I hope this helps
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375
10 Jul 2008 2:03 PM  
Hello,

You can attach zip files to your forum posts, could you attach the entire container and skin?

I need to see the actual container html.

There maybe a float on the image that needs clearing, you may need to add a < br class="clear" / > at the end of your container html?

Thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
DrakenKorin
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
14 Jul 2008 7:22 AM  
Hi,

Sorry for taking so long to get back, I see your forum's "alert" functionality is similar to mine, in the sence that it only works half the time, LoL

Here are my complete skin and container zip files


In the mean time I'll try the < br class="clear" / >  When I read it a little voice in my head went "Doh!"  I'm sure that's the problem, I will let you know if it is.

Thanks in advance

Attachment: 1714225157371.zip
Attachment: 1714225171454.zip
DrakenKorin
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
15 Jul 2008 2:02 AM  
Hi,

Well, i tried entering < br class="clear" / > to the end of my container, but I'm either not doing it right, or that isn't the problem ??  Maybe I'm placing it in the wrong place, but then again, how many places could there be? lol

Please help,

Regards

Julian
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375
15 Jul 2008 7:47 AM  
Hello,

well, I have added the skin and container to a test area and added a text HTML module to the left pane with an image inside the module.

This does not have the problem with the container  around the image, this leads me to think that it must be some sort of problem with the photo upload module.

Are there any floats set in this module?  Is there any CSS applied to images in this module?

I have attached a version with a clear class which you could try, I added it to the container and added the clear class into the skin.css file.

Attachment: 171547781471.zip
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
DrakenKorin
DNN Creative Magazine Subscriber
Nuker
Nuker
Posts:16
16 Jul 2008 6:08 AM  
Hi Lee,

Thanks for all your efforts, it is much appreciated.

The problem does not occur with the test skin that you supplied, so I just adapted my skin by cutting a pasting snippets of your code, all's working fine now

I must adimt I'm still a bit stumped in the sence that I fixed the problem, but could not really find the cause in the first place.......I'm propably looking into the back of my eyelids and not spotting the obvious, as such things go lol


Thanks again!  (I often wonder how much of DNN's success is due to this website???)

Regards

Julian
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375
17 Jul 2008 11:14 AM  
lol - no problem, glad to help,

Cheers,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > Please help with CSS container


ActiveForums 3.7

Latest Forum Posts

RE: localhost Install issues by cdees
Lee: I wanted to follow up on this for anyone following this thread. I have been unable to solve t...
RE: Add New Profile Properties by WSI
HI Joe, The DNN version is 4.5.5. Thanks, Cliff
Change Skin on URL by vinita
Hi,Can the skin be changed based on the url used to access a portal. Multiple portal aliases may be ...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
Best DNN portal ever! by derpir
I have been a subscriber since august 2008, and DNNCreative.com is simply the best DNN Portal, their...
RE: skinning trouble by derpir
Hello Yes could you be so kind and take a look att the htm-file and css-file.I would be very gratef...
Search function is not working by kishorpawar
I am using Seach module in my project but not working, i have set   host setting alsoHost --> Schedu...
RE: backend is changing from sql2005 to sql2008 by leesykes
hello,There should not be any code changes needed, but you'll need to make sure that SQL 2008 upgrad...
RE: skinning trouble by leesykes
Hello,I would need to see your code to help you with this one, you can zip up your files and attach ...
RE: Installing DotNetNuke 4.9.00 on VWD 2005 w/ SQL server 2008 by leesykes
I have run a test with SQL Server 2008 express and DotNetNuke installed in exactly the the same way ...
RE: Issue 39 Interview by leesykes
thanks Bill, glad it was useful, we will have a think about the best way to approach this,Thanks,
RE: Issue 39 Authentication by leesykes
yes I have a live site in 4.9.0 at it seems stable as well.
backend is changing from sql2005 to sql2008 by meenu
hi all advance thanks. in my DNN0408 website am using sql2005 as backend.now planning to remove sq...
About catalook error by kishorpawar
 I am  using dnn 4.8.4 version in my project, this  site is in 2 language,whenver i click on the BYN...
RE: Menu Keeps Verticaly by ruimacdonald
Tnx for your help. It's done. Rui
RE: Menu Keeps Verticaly by jncraig
The configuration of the MENU skin object is defined in the skin.xml file. You'll need to modify th...
RE: Add New Profile Properties by jncraig
I have not seen that problem. Which version of DotNetNuke are you using?
RE: Issue 39 Authentication by jncraig
I've been developing a new site using 4.9.0 and finding it quite stable.
RE: Installing DotNetNuke 4.9.00 on VWD 2005 w/ SQL server 2008 by jncraig
You should have no problem using SQL Server 2008 Express. I'm pretty sure that the connection strin...
AppTheory
RSS Feeds