Forums > Users Lounge > Everything Else
Table based Skins
Last Post 07/13/2010 4:39 PM by ollep. 6 Replies.
Author Messages
ollep
Nuke Master
Nuke Master
Posts:456


--
07/07/2010 4:13 AM

    Hi Guys.

    Been nice and quiet for a while haven't I?

    Do we have a tutorial here for "Table Based" Skins?


    Question; how can I position the Menu here without the Header Image doubling up in the space??

    Second Issue;
    Trying to set a CSS class for the "DnnLogo".


        <!--..tr>
            <!--..td valign="top" background="<%= SkinPath ...%>xpix/XDChangesTop02.jpg">
              <!--..tr>
                <..td height="1"> 
              <../tr>
              <..tr>
                <...td><dnn:LOGO  align="center" valign="top" runat="server" id="dnnLOGO" />AIMA, Australian Ins ute of Martial Arts
              <---/tr>
              <--tr>
                <--td height="30" valign="bottom">

                    <--tr>
                    <--tr height="10"> 
                      <--td valign="top"><!-- Menu Placement -->
          <--dnn:MENU runat="server" id="dnnMENU" />
                          <!-- End Menu Placement -->
                    <--/tr>
                <--/table>
              <----/tr>
            <---/table>
        <--/tr>

    Cheers

    Olle...
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    07/07/2010 6:07 PM
    Start with the tutorials in issues 5 and 6. Then look at the others.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    ollep
    Nuke Master
    Nuke Master
    Posts:456


    --
    07/07/2010 11:07 PM

    Looked at them again, and it helped.


    I realized that the header image set the size of the header, and the menu actually sits on top of the image.

    I now can size and positioning with the image.


    Alternatively;
    Would that be to give the Menu a CSS class, and then use padding's or margins in CSS?


    Cheers

     
    ollep
    Nuke Master
    Nuke Master
    Posts:456


    --
    07/08/2010 1:10 AM
    Hi Again Joe!

    Thought I had this sorted - and then I see it plays up in IE 7

    http://www.aimartialarts.com/Home.aspx

    Can you please have a guess what it is that cause this expansion in IE?

    Thanks!!!


    Olle
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    07/08/2010 7:24 AM
    I'll look in more detail tonight.  But ... "Regisration" is not spelled correctly! 

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/08/2010 10:43 AM
    I can't see a problem in IE7, but you may want to look at how you have named your tables.

    Each table has the id of "Table_01"

    An id always needs to be unique in a html file, you can have multiple classes on the page using the same name, but not multiple ids

    I found this by viewing the source code of the page and pasting it into Visual Web Developer Express and going to the View Menu / Error List
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    ollep
    Nuke Master
    Nuke Master
    Posts:456


    --
    07/13/2010 4:39 PM

    Thanks Guys!!

    The actual expansion was (partly at least) a 950px flash display, I changed it for an old smaller which might be why you couldn't see the problem Lee.


    I will look at the file and correct the table naming.


    Cheers

    Forums > Users Lounge > Everything Else

    ---