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

Forum

Subject: Red Leaf Skin
Prev Next
You are not authorized to post a reply.

Author Messages
DavidWSnow
DNN Creative Magazine Subscriber
Nuke Master
Nuke Master
Posts:131

26 Jan 2007 11:36 AM  

I tweaked your Red Leaf Skin into a skin for my site. It woks great except when the screen contents are wide the menu jumps down to the bottom of the page. Is there a way to nail them in place?

/DaveS

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3429

30 Jan 2007 7:49 AM  
Hi Dave,

Do you have aURL to show an example of what you mean?

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
DavidWSnow
DNN Creative Magazine Subscriber
Nuke Master
Nuke Master
Posts:131

30 Jan 2007 6:14 PM  
http://sampleafh.com/ is your unmodified skin. www.AgingSafely.com is the it modified, but the same div's
The proples really show up if you are using the Forum module, which really likes to eat up the width. I currently have the forum on pritave pages.

/DaveS
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3429

31 Jan 2007 4:05 AM  
Hi Dave,

It's the min width that you need to look at. - You need to compromise with either the width of the menu of the width of the content.

For instance, these settings shrink the size of the menu which no longer causes the width problem.

#content
{
    min-width: 500px;
    float: right;
    width: 81%; /* padding: 0 0 0 10px; */
}

#sidebar
{   
min-width: 100px;
    float: left;
    width: 15%;
}

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
DavidWSnow
DNN Creative Magazine Subscriber
Nuke Master
Nuke Master
Posts:131

31 Jan 2007 10:56 AM  
I have played with tweaking those vales before, but with little real effect. I have them now loaded in the skin at www.agingsafely.com and have make the forum accessable. if you go to http://www.agingsafely.com/Forums/tabid/284/Default.aspx you will see that the menu is always below the forum. Yuk

/DaveS
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3429

31 Jan 2007 11:17 AM  
I think there is an error in your html code:

If you enter this:

#content
{
    min-width: 500px;
    float: right;
    width: 81%; /* padding: 0 0 0 10px; */
border: 5px solid orange;
}

You will see that the border surrounds the menu when they both should be separate.

If you look in your page source you will see three open divs

<div id="content"><div id="dnn_ContentPane"><a name="690"></a><span id="dnn_ctr690_ContentPane" align="left"><!-- Start_Module_690 --><div id="dnn_ctr690_ModuleContent">

Later on there are only 2 closing divs:

<!-- End_Module_690 -->
</table></span>
</div>
</div>
<div id="sidebar">
<div id="dnn_leftpane">
If you add an extra div in here:

<!-- End_Module_690 -->
</table></span>
</div>
</div>
</div>
<div id="sidebar">
<div id="dnn_leftpane">


The menu will now float back to the left side and you will then be able to set the correct widths

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
DavidWSnow
DNN Creative Magazine Subscriber
Nuke Master
Nuke Master
Posts:131

31 Jan 2007 11:54 AM  

I believe that I now have the divs the same as in you Red Leaf Skin and still have the same problem as it seems to. Where do you think that the div's are needed?

<div id="wrap">
    <div id="ControlPanel" ></div>
    <div id="tagline" class="tagline" visible="false" runat="server"></div>
    <div id="loginlinks">[USER]&nbsp;&nbsp;[LOGIN]</div>
    <div id="logo">
       <table cellspacing="2" cellpadding="2" border="on" >
         <tr>
          <td width="94px" ><img src="AS-leftflag.gif" width="94" height="92" alt="" /> </td>
            <td >
             <h1>Aging Safely, Inc.</h1>
                <h2>Adult Family Home Placement Services</h2>
            </td>
            <td width="94px"> <img src="AS-rightflag.gif" width="94" height="92" alt=""/></td>
         </tr>
       </table>
       <br/>
     </div> <!-- end logo -->
    <div id="content"><div id="ContentPane" runat="server" visible="false"></div> </div>
 <div id="sidebar"><div id="leftpane" runat="server">[HOUSEMENU]</div></div>
 <div id="date">   <p>[CURRENTDATE]</p> </div>
 <div id="footer"> <p>[COPYRIGHT]&nbsp;&nbsp;[TERMS]&nbsp;&nbsp;[PRIVACY]</p> </div>
</div> <!-- end #wrap -->

 

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3429

31 Jan 2007 12:18 PM  
yes the code here is correct. I wonder if something is coming across from the forum module.

If you use the web developers toolbar and go to:

Miscellaneous / edit HTML and add the </div> where I said previously you will see that the problem is fixed, so for some reason this tag does not get closed

<!-- Start_Module_690 --><div id="dnn_ctr690_ModuleContent">

It maybe worth creating a special container for the forum module and just adding an extra closing </div> to the forum container to see if this fixes the problem.

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
DavidWSnow
DNN Creative Magazine Subscriber
Nuke Master
Nuke Master
Posts:131

31 Jan 2007 12:42 PM  

We are seeing slightly different problems because we are using different browsers.

Now, after I tweaked the index.html file IE7 still allows the menu to drop down under the content on my home page, but FireFox 2.0 doesn't. The width goes fixed at the minium widths specified in the skin.css file.  With FF2.0 the forum seems to be the only messed up page.

It looks like we all can start tweaking and IE7 hacks.css - Yuk

If the forum is the only page messed up I may just use a different skin for it. Maybe the problem with the divs is in the forum's theme.

Thanks for the help,

/DaveS

DavidWSnow
DNN Creative Magazine Subscriber
Nuke Master
Nuke Master
Posts:131

31 Jan 2007 12:45 PM  
Acually when I log in the blogs module also behaves the same as the Formum module. I wonder when the DotNetNuke folks will start paying as much attention to the modules as they do to the core. ;=}

/DaveS
You are not authorized to post a reply.



ActiveForums 3.7

Latest Forum Posts

PowerDNN by vanillatree
Normal 0 unctuationKerning/> false false false oNotPromoteQF/> ...
RE: Hide top/bottom skin pages of DNN Module by jncraig
Why don't you want to change the skin? This seems like a perfect place to use a blank skin with a s...
RE: Child portal to live site by jncraig
Sometimes, questions like this get a little murky in my mind.  I hope that my answer isn't any more ...
RE: Issue 37 Templates by jncraig
Sorry, but this question is somewhat out of my range of knowledge.  For FCK issues, there is an FCK ...
RE: Quickly Add Large Quantities of Data by leesykes
great!
RE: Vendor Advertisment Question by leesykes
Yes it may help, keep us posted with what happens, thanks,
RE: ascx question by leesykes
Hello,If you are going to install DNN locally I would really recommend that you do it using Virtual ...
RE: Child portal to live site by psgrzelak
Hello Again Joe, I subscribed to the site today and I am amazed at the amount of information availab...
Hide top/bottom skin pages of DNN Module by anshu777
I want to hide top/bottom skin pages of DNN Module in code behind, so as to make a div stretched to ...
Events Module - border-right-width-ltr-source by soulia
Great site! Maybe I'm doing this the wrong way. I'm trying to skin the Events module to match my "pu...
RE: Issue 37 Templates by jernejp
Is it posible to replace: FCKConfig.TemplatesXmlPath = FCKConfig.EditorPath + 'fcktemplates.xml' ;w...
RE: AdvanceEmail Newsletter is not working by jncraig
Are these third-party modules? Or are you using the Newsletter module that is part of DotNetNuke?
RE: Error after upgrade to Dnn 5.0 by jncraig
Given that DotNetNuke 5.0 is brand new, I'd suggest that you report this over on the DotNetNuke foru...
RE: Error in loading module ( occassionally ) by jncraig
Look in the Event Log.  There may be some additional details that can help you.
RE: Splash page by jncraig
Create the splash page.Go to Site Settings.  Under Advanced Settings you can specify that page as th...
RE: unsubscribe link for DNN website by jncraig
I'm guessing at the details, but there appear to be several modules on this page.1.  The Subscriptio...
RE: unsubscribe link for DNN website by maxdagenais
I like the way Lee has setup DNNcreative with the page called [my account] I am wanting to do somet...
RE: Child portal to live site by psgrzelak
Hi Joe, it seems so. I will have to document all of my last (frustrated) settings so I can re-create...
RE: Splash page by s1patel
someone help me setup splash page.
RE: Splash page by s1patel
i need that to happen to and not sure how you set the splash page.
AppTheory
RSS Feeds