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

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


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

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


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

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


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: Module Advanced Setting by jncraig
The module contents is distinct and separate from the Module's container on a particular page. Wh...
RE: Community Edition Question by jncraig
The UDT Module has a new name: Form and List. Look for that. If it is not installed, it shoul...
DataSpring Opt In Module - Scheduler Question by wynnjon
Hey-I was wondering if anything special had to be done to keep the site alive so that the scheduler ...
RE: the now content not showing and still showing the old one by jncraig
You probably can't. Your browser is caching the old flash file, and CRTL-F5 forces a reload. If yo...
RE: Nav Menu v2 for DotNetNuke v5 - Issue 52 by jncraig
Here is a nice little blog entry on the subject.(Basically, though, this gives you a nice and clean ...
RE: Flash in the HTML Module by robmacker
OK, so i commented out my AC_RunActiveContent.js file and my HTML module runs the same -- telling me...
RE: Flash in the HTML Module by mcmanta
I had the same problem before. I noticed I had some HTML tags from some error text I copied. I was a...
RE: Creating Portals before setting the host by cyborama
Thanks for the reply Joe, The way my hosting company does things they don't have per say host hea...
RE: Flash in the HTML Module by robmacker
Wow, why does the forum format my question to make it basically unreadable?? I certainly did not typ...
Flash in the HTML Module by robmacker
Hello members! I have a simple flash application that was written for an HTML page and i'm trying...
Send email with Dynamic Forms Results by jesp17
Hello, Is there a way to automatically generate a report with all form results and then send this r...
Community Edition Question by idesofmarch
I'm learning a lot just browsing around here. Wish I could delete my question below. Oh well. Wher...
RE: DNN Site crashed after module install by mcmanta
I found a work around. Looks like the module replaces the Telerik.Web.UI located in the bin folder o...
RE: iHostASP by chandirika
Hi,I am reselling account with this http://www.goresellers.com/ site ,for my web site's web hosting...
the now content not showing and still showing the old one by wael_e
after i uploading the new contenct in my website and i uploading static html page have introdaction ...
RE: Regular Expression by jumatthey
Hi, Thank you very much Mark. It is indeed a name I am checking. Thank you for your help, very mu...
RE: How to do links? by Guy..L
I think this website is properly structured in that I can drop the requirement to exclude certain pa...
RE: Nav Menu v2 for DotNetNuke v5 - Issue 52 by kparker
What are the advantages of setting the RenderMode to UnorderedList for the Nav Menu? How can this b...
RE: DNN Site crashed after module install by jncraig
Most likely, the module that you installed uses a Telerik library that is different from the one tha...
DNN Site crashed after module install by mcmanta
Hello All,I'm using DNN 5.2.3 after install everything was working fine. I installed the 365 Simple ...
DotNetNuke Modules
RSS Feeds