Results 1 to 9 of 9

Thread: WOW Slider creating extra space below slider

  1. #1
    Junior Member
    Join Date
    Jan 2013
    Posts
    11

    Default WOW Slider creating extra space below slider

    Hello,

    I'm using WOW slider in both NOF 11 & 12, and while the sliders work great, I'm having a heck of a time trying to resolve the extra space below the slider. When the slider resides in a table, it pushes the bottom of the table down another inch below the slider.

    I've tried, placing the code in a text box and in a single cell table without breaking spaces. Any ideas?

    This is my test page built with NOF 11
    http://www.bdsausage.com/test.html

    This is my test page built with NOF12
    http://www.scarstattoo.com/test.html

    Thanks,

    Johnny

  2. #2
    Senior Member chuckj's Avatar
    Join Date
    Jan 2010
    Location
    www.beyondfusion.com - Florida
    Posts
    1,302

    Default

    Try using a text box and locking the height to the height of the slider.

    Any time you use Ctrl+T to insert html, you should allow for the visual size of the output of the code.
    Chuck Joslin
    www.BeyondFusion.com
    PHP & MySQL development with Fusion
    Fusion support for AllWebMenus (Likno) Contact me for custom AWM menus for your sites.
    Tutorials and Forums

  3. #3
    Junior Member
    Join Date
    Jan 2013
    Posts
    11

    Default

    Quote Originally Posted by chuckj View Post
    Try using a text box and locking the height to the height of the slider.

    Any time you use Ctrl+T to insert html, you should allow for the visual size of the output of the code.
    Hey chuckj,

    Thanks for your suggestion however, it did not resolve the issue. It seems no matter what height I lock the text box at, it still pushes down another inch below the slider. I'm probably going to have to see if I can dig through the slider code and see what's causing the problem.

  4. #4
    Senior Member RayC's Avatar
    Join Date
    Apr 2010
    Location
    Toronto-ish, Canada
    Posts
    1,732

    Default

    A couple of thoughts:

    One: it could be related to the shadow and the space allocated for that.

    B: whenever you insert code into a text box (or whenever you create a text box for that matter), there is always a <p> tag inserted by default. This will add whatever space is defined by your style to accommodate the "paragraph". While you cannot delete this code, you can place comment tags around it to nullify it.

    As a related note, peeking at the code for both of your samples, I see a red closing </p> tag that seems to be missing it's opening tag partner. This could also be causing some spacing issues. Take another look at how/where you've inserted your WowSlider code to make sure it's not in the middle of something else.
    Ray Cambpell
    Sounds In Sync
    Linked in

  5. #5
    Senior Member mia's Avatar
    Join Date
    Apr 2010
    Location
    Germany /Deutschland
    Posts
    809

    Default

    @ Ray
    You don't get an extra space underneath if you insert the code the right way.
    Create the textbox, click into the box till the cursor is blinking, click the second tab in the properties panel (white A), click the HTML button and insert the code.

    http://www.nof-community.de/index.php/topic,47.0.html

    Maybe this will solve JohnnyDam's problem.
    http://www.nof-community.de
    NOF-Community, Hilfe, Support, Tutorials, Anleitungen, Tipps und Tricks für Netobjects Fusion und SwissKnife Komponenten

  6. #6
    Senior Member RayC's Avatar
    Join Date
    Apr 2010
    Location
    Toronto-ish, Canada
    Posts
    1,732

    Default

    That's interesting, and a little bizarre.

    I didn't know that trick.

    Thanks, Sis.
    Ray Cambpell
    Sounds In Sync
    Linked in

  7. #7
    Senior Member chuckj's Avatar
    Join Date
    Jan 2010
    Location
    www.beyondfusion.com - Florida
    Posts
    1,302

    Default

    Mia's suggestion is the same as pressing Ctrl+T at the cursor.

    The extra space appears to be the 59 px height of the table/table row that the slider code has been inserted into.

    Either increase the cell height to accommodate the height of the slider or shrink the cell down to the 6 px (or so) minimum.
    Chuck Joslin
    www.BeyondFusion.com
    PHP & MySQL development with Fusion
    Fusion support for AllWebMenus (Likno) Contact me for custom AWM menus for your sites.
    Tutorials and Forums

  8. #8
    Senior Member RayC's Avatar
    Join Date
    Apr 2010
    Location
    Toronto-ish, Canada
    Posts
    1,732

    Default

    Quote Originally Posted by chuckj View Post
    Mia's suggestion is the same as pressing Ctrl+T at the cursor.
    So it seems. I just did a little test, and I'm open to being proven wrong, but even though you don't see the <p> tag when you do this, NOF still inserts

    <p style="margin-bottom: 0px;">
    &nbsp;
    </p>


    when you generate the code.

    So I stand by my earlier assertion that this can add at least one <p> sized line to the bottom of your code. That's not likely the entire cause, but may contribute.
    Ray Cambpell
    Sounds In Sync
    Linked in

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

    Default

    Single celled table with Generate Non Breaking space UNCHECKED will not write a paragraph tag and non breaking space character to prop the table open

    table code with non braking space option checked

    Click image for larger version. 

Name:	break_space_code.gif 
Views:	309 
Size:	4.4 KB 
ID:	1348

    table code with non braking space option UNchecked

    Click image for larger version. 

Name:	no-break_space_code.gif 
Views:	287 
Size:	3.4 KB 
ID:	1349

    A text box is a single celled table with a paragraph tag and the non breaking space inserted between the opening and closing tag.
    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

Posting Permissions

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