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
DNN Creative Magazine Subscriber
Nuke Pro
Nuke Pro
Posts:71

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

Lee Sykes
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5278


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

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Aggiedan97
DNN Creative Magazine Subscriber
Nuke Pro
Nuke Pro
Posts:71

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 -- >

Lee Sykes
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5278


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

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Aggiedan97
DNN Creative Magazine Subscriber
Nuke Pro
Nuke Pro
Posts:71

02 Jul 2008 6:56 AM  
No it displays incorrectly when logged out.
Lee Sykes
DNN Creative Staff
Nuke Master V
Nuke Master V
Posts:5278


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

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
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

RE: HTML module not updating after transfer from localhost to live server by chrisoc
Hey guys,Thanks for the replies.   All seems to be working fine now.  I had previously cleared the b...
RE: w2k8 r2 - dnn site visible locally but not from internet by guyperrin
thanx joe. i just kept slugging away at this one. finally, when i gave IIS_IUSRS Full Control, i w...
RE: HTML module not updating after transfer from localhost to live server by jncraig
Check to make sure that you adjusted your portalalias table to point to the live site. It's possibl...
RE: w2k8 r2 - dnn site visible locally but not from internet by jncraig
Check to make sure that DNS points the site's URL to the web directory.  Your host ought to be able ...
RE: user retrieve password by giving email by jncraig
That should work. As with most things like this, I would recommend that you test and verify this ...
RE: Creating a new user by jncraig
DotNetNuke uses the ASP.NET membership scheme. I haven't tested, but I am reasonably surethat the s...
RE: Email Verification by jncraig
Is this a question about Dynamic Forms? You can use Regular Expression validation to force the us...
RE: Issue 33 SQL updating page settings by jncraig
Can you describe the problem a bit more?
user retrieve password by giving email by raf948
I am using 4.8.0  and would like to have users retrieve password by giving their email ( as I unders...
RE: Change linkclick to document name by WinXnet
as far as I know, there is no way to not use linkclick other than to hard code the long url Selec...
RE: Skin missing banner and menu when ctl is used in the url by WinXnet
you're site appears to be down...
RE: DNN Live site not displaying by WinXnet
Is your site Properties in IIS > Documents > Enable default content page set to "Default.aspx"? E...
RE: Skin missing banner and menu when ctl is used in the url by WinXnet
What version of DNN? Emerson ^_^
RE: Cross Portal Admins by WinXnet
Sorry for this post ^_^ My error - I got the password for the user wrong. Create user account ...
RE: Skin missing banner and menu when ctl is used in the url by swelch
The menu is a module and it is set to publish on all pages. The HTML module is not set to publish t...
Cross Portal Admins by WinXnet
I have  situation where admins want to use the same login/password across multiple parent DNN portal...
RE: Issue 33 SQL updating page settings by pedrocapetillo
I have i similar problem and i am using DNN360 menu. Does anybody have information about that? Be...
Store module just refreshes page on "confirm order" by mike.hassinger
I have set up the store module with an Authorize.net account, set for authorize + capture. The check...
RE: logo token not functioning by WinXnet
I'm sure you've done this, but be sure you click on the "upload selected file" link under the Browse...
RE: Skin missing banner and menu when ctl is used in the url by WinXnet
Is your menu a module as well? Is your banner HTML module set to "publish on all pages", or is it...
AppTheory
RSS Feeds