Results 1 to 3 of 3

Thread: how do you insert DIV container command in the right position on a page

  1. #1
    Junior Member
    Join Date
    Nov 2010
    Posts
    8

    Default how do you insert DIV container command in the right position on a page

    HI
    I am using NOF essentials, I have a very simple web page with 2 central headers in the master boarder directly below these and centred I would like to place a single fading slide show using the code/files from the dynamic drive website, http://www.dynamicdrive.com/dynamici...nslideshow.htm
    The above site provides the files, shows an example and has good instructions.

    In page design view by clicking on the master boarder and selecting properties, HTML I've inserted the required code between the head tags and in a similar manner placed the DIV commmand either at the begining or end of the BODY but this is not the position I want it to appear in but the slide show works so this mostly correct.

    The problem is how do I insert the <div id="fadeshow1"></div> command using the tools in the page design view so that NOF autamitcally adds the right table and spacing commands before the DIV command so that the slide show appears where I want it to ?

    I had a look at the manual regarding direct HTML editing but have not been able to do it via this method. can anyone help.

    thanks andrew

  2. #2
    Senior Member gotFusion's Avatar
    Join Date
    Jan 2010
    Location
    www.gotHosting.biz
    Posts
    4,529

    Default

    If you want to wrap the table code with a div you first need to select the table which brings up the table properties palette (you can also use the object tree to select the table).

    Click the HTML button on the table properties palette
    Enter the beginning div tag in the tab marked Before Tag and enter the closing div tag in the tab marked After Tab
    NetObjects Fusion Cloud Linux enabled Web Hosting, support + training starts at $14.95
    NetObjects Fusion web Hosting and support + ASP + PHP + ColdFusion + MySQL + MS SQL
    FREE NetObjects Fusion Support & training comes with all web hosting accounts
    NetObjects Fusion Web Hosting: http://www.gotHosting.biz

  3. #3
    Junior Member
    Join Date
    Nov 2010
    Posts
    8

    Default ok this has got me nealry there

    Quote Originally Posted by gotFusion View Post
    If you want to wrap the table code with a div you first need to select the table which brings up the table properties palette (you can also use the object tree to select the table).

    Click the HTML button on the table properties palette
    Enter the beginning div tag in the tab marked Before Tag and enter the closing div tag in the tab marked After Tab
    Hi Gotfusion
    I was trying to enter the <div id="fadeshow1"></div> in the row html properties I see now that I should have been in the table html properties so I tried this but I think that I need to put the <div id="fadeshow1"></div> inside the <TABLE somehow. But if I put it inside the tag then it doesn't work and I get a "div with ID"fadeshow1" not found on page error" in IE when i publish the page. If I put the <div id="fadeshow1"></div> after the tag then it works but the picture is after the blank 1x1 cell table on the page not inside it (I can cheat and make the size of the table very small and it will get eh picture in the right place but this si a bit naf) here is the code for after the tag below. But if I look at the code of the dynamic drive site shown at the bottom the <div id="fadeshow1"></div> command is inside the <table and after the <tr> and <td i am guessing that this makes the picture sit inside the 1x1 cell table. But I can't work out how to do this in NOF, any further suggestions ?

    thanks andrew.

    my code:-

    </TABLE>
    <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 NOF=LY>
    <TR VALIGN=TOP ALIGN=LEFT>
    <TD WIDTH=163 HEIGHT=5><IMG SRC="./assets/images/autogen/clearpixel.gif" WIDTH=163 HEIGHT=1 BORDER=0 ALT=""></TD>
    <TD></TD>
    </TR>
    <TR VALIGN=TOP ALIGN=LEFT>
    <TD></TD>
    <TD WIDTH=41>
    <TABLE ID="Table2" BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
    <TR>
    <TD WIDTH=41 HEIGHT=16>
    <P><FONT FACE="Arial,Helvetica,Geneva,Sans-serif,sans-serif">&nbsp;</FONT></P>
    </TD>
    </TR>
    </TABLE>
    <div id="fadeshow1"></div></TD>
    </TR>
    </TABLE>

    dynamic drive page code:-

    <table border="0" width="670" cellspacing="0" cellpadding="0">
    <tr>
    <td width="300" valign="top"><!--webbot bot="HTMLMarkup" startspan --><div id="fadeshow1"></div><!--webbot bot="HTMLMarkup" endspan i-checksum="5149" --><p>
    -Straightforward, auto playing slideshow with no hyperlinking,
    descriptions etc.</p>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •