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

Forum

Subject: Custom HTML Skin - link module center overridden with left align
Prev Next
You are not authorized to post a reply.

Author Messages
aggiedan97

Posts:20

01 Jul 2008 10:52 PM  

DNN 4.7.01
Browser: Firefox 2.x
Attached Custom HTML skin file, CSS file,
Note - container skin = dnn blue (to simplify)

Skins don't get more simple than this.  I have attempted to clean up many of the HTML tags and move them to the CSS file.  In doing so, I seemed to have made the 'Links' module content not able to "center" as it would before I started to make changes.

The panes in question are the RightPane and LeftPane.  Both contain different Links modules with a single entry each.

The HTML for this section includes:
< table cellpadding="0" cellspacing="0" width="100%" border="0" >
    < tr
>
        < td class="contentpane" id="ContentPane" runat="server" align="center" colspan="2" >< /td
>
   
< /tr
>
    < tr
>
        < td align="center" class="leftpane" id="LeftPane" runat="server" >< /td
>
        < td align="center" class="rightpane" id="RightPane" runat="server" >< /td
>
    < /tr
>
< /table
>

The CSS for these classes include:

.leftpane
{
width: 50%;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
vertical-align: top;
text-align: center
}

.rightpane
{
width: 50%;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
vertical-align: top;
text-align: center
}

I have commented out most of the other 'text-align' in the CSS to no avail.   (Please see the attached CSS for more details.)

I used the dnn-blue container: image headder with color background, to simplify things.


Attachment: 171543231554.zip

leesykes
Nuke Master II
Nuke Master II
Posts:2959

02 Jul 2008 4:07 AM  
This was an interesting one!

The problem comes with how you add a module to the page.

When you add a module, there is the align option. - Select 'None Specified'

This will allow the correct styling to come from the skin.css

I experimented with using align center when adding a module, but this did not work. - View the page source to see how DNN adds additional classes into the module area

and the align classes are specified in the default.css

/* used to set the different module align options - from module settings */
.DNNAlignleft
{
    text-align: left;
}
.DNNAlignright
{
    text-align: right;
}
.DNNAligncenter
{
    text-align: center;
}

I discovered if I removed these classes, DNN modules aligned correctly, so selecting 'none specified' avoids using these classes.

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

Posts:20

02 Jul 2008 5:25 AM  

As suggested, I changed the module align settings to 'Not Specified' under the module > Settings > Page Settings > Alignment.

In Internet Explorer - no worries; Firefox 2.x - worries.

Interestingly, when in Edit mode the links text aligns center as desired, but in view mode it aligns left. When I view source < a class="Normal"... > is assigned to the actual link anchor for the entry.  See below:

< !-- End_Module_392 -- >
< /div >< /span >
< /td >

                            < /tr >
                            < tr >
                                < td id="dnn_LeftPane" class="leftpane" align="center" >< a name="377" >< /a >< span id="dnn_ctr377_ContentPane" >< !-- Start_Module_377 -- >< div id="dnn_ctr377_ModuleContent" >
 < div id="dnn_ctr377_Links_pnlList" >

  
    < table id="dnn_ctr377_Links_lstLinks" cellspacing="0" cellpadding="0" summary="Links Design Table" border="0" style="border-collapse:collapse;" >
   < tr >
    < td valign="top" >
            < table border="0" cellpadding="4" cellspacing="0" >
                < tr >
                    < td nowrap >
                       
                       
                        < a class="Normal" href="/DNN4701_02/LinkClick.aspx?link=65&tabid=58&mid=377" target="_self" >Enter Site< /a >
                         

                       
                    < /td >
                < /tr >
                < tr >
                    < td >
                       
                    < /td >
                < /tr >
            < /table >
        < /td >
   < /tr >

  < /table >

 < /div >

< !-- End_Module_377 -- >
< /div >< /span >
< /td >

                                < td id="dnn_RightPane" class="rightpane" align="center" >< a name="378" >< /a >< span id="dnn_ctr378_ContentPane" >< !-- Start_Module_378 -- >< div id="dnn_ctr378_ModuleContent" >
 < div id="dnn_ctr378_Links_pnlList" >
  
    < table id="dnn_ctr378_Links_lstLinks" cellspacing="0" cellpadding="0" summary="Links Design Table" border="0" style="border-collapse:collapse;" >
   < tr >

    < td valign="top" >
            < table border="0" cellpadding="4" cellspacing="0" >
                < tr >
                    < td nowrap >
                       
                       
                        < a class="Normal" href="/DNN4701_02/LinkClick.aspx?link=61&tabid=58&mid=378" target="_self" >Enter Blog< /a >
                         
                       
                    < /td >
                < /tr >

                < tr >
                    < td >
                       
                    < /td >
                < /tr >
            < /table >
        < /td >
   < /tr >
  < /table >

 < /div >

< !-- End_Module_378 -- >

leesykes
Nuke Master II
Nuke Master II
Posts:2959

02 Jul 2008 5:46 AM  
I tested this in FF. - Does the links module display correctly when logged out?

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

Posts:20

02 Jul 2008 6:56 AM  
No it displays incorrectly when logged out.
leesykes
Nuke Master II
Nuke Master II
Posts:2959

04 Jul 2008 9:20 AM  
Not sure what is happening here, I tested again in FF2 in view mode and the links are centered.

I have attached a zip with the source code of my install along with the skin files so that you can double check the code for any differences,

Thanks,

Attachment: 174205842871.zip


Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
You are not authorized to post a reply.
Forums > Users Lounge > Everything Else > Custom HTML Skin - link module center overridden with left align



ActiveForums 3.7

Latest Forum Posts

Media Module *not* autostart? by PaulFlynn
Hi,I want to display a number of different .wmv files on a single page, but I'm concerned that the d...
RE: Event Module Scheduler? by mgordon
Never mind. I found out that you need to enable the Event Reminder in the actual Event that you are...
Event Module Scheduler? by mgordon
I have setup a Calendar of Events module on my page and have added events, no problem.  The main pro...
RE: Upgrading from 3.3.7 to 4.8.4 by puuri
I think I saw the answer to your last question on another thread real recently. If you go to the 'L...
Server Application Unavailable from localhost by picoallen
Hello,I have installed DotNetNuke and can open it from within Visual Web Designer, in which case it ...
RE: Upgrading from 3.3.7 to 4.8.4 by joannew
Hi, yes everything seems to be working fine. I get the following when viewing through Host Settings/...
RE: Database Access Error ! by nukedoubt
Got a fix........ 1)  Make sure that both the sqlDataProvider class and the DataProvider class are...
Database Access Error ! by nukedoubt
Error in Database Access : "The type initializer for 'MyCompany.Modules.Search.DataProvider' threw...
RE: Upgrading from 3.3.7 to 4.8.4 by jncraig
If everything "seems" to working normally, perhaps you can ignore it. It is possible that the other...
Upgrading from 3.3.7 to 4.8.4 by joannew
Hi,I've followed the upgrade procedures to upgrade from 3.3.7 to 4.8.4 and received the status repor...
RE: Regular restores to local machine by joannew
Thanks for getting back to me, just to let you know everything is working fine now, I can login as a...
RE: Create Bookmarks/Anchor Points/Page TOC by lb313
Thank you for your help Joe. Kind Regards Lisha Belbin
RE: Issue 22 - Login failed for user xxxx by picoallen
Thanks Joe, You put me on the right track there. Turns out that I had server authentication set t...
RE: How to speed DNN by mmcinulty
jump over to www.snapsis.com and get pageblaster. forum has alot of info about yslow and how to spee...
RE: Regular restores to local machine by jncraig
I've got more questions than answers ... Can you login as administrator and/or host? Can a logge...
RE: Refreshing Bl... IE by ollep
Thanks Guys!! Excelent support. I will - beleive it or not - be away from the computer for three...
Parent Portals and SSL by LucianV
Hi,I need to install and configure on our server several DNN parent portals (different domain names)...
RE: File Manager Upload (intermittent error) by dnnmq
Lee, your attention to this issue is truly appreciated because it's driving me nuts.js is included i...
RE: Regular restores to local machine by joannew
I've opened the tables and there is lots of data in there but nothing when i navigate to user accoun...
Duplicate Meta Description and Tag by vdelisi
Hi,analyzing my site with google webmaster tool , I've noticed that I have Duplicate Meta Descriptio...
DotNetNuke Modules
RSS Feeds