Empty space because of the AP div at the top of page.

Hello

I'm working on some proof of concept models experiment with a cursor code. I had to put a button on the top of the slide which remain in effect while the slides change in the slider. I put the button like an AP div and now is to create an empty space above the header image. I have searched and tried many things to fix and I can't seem to find a way to correct the situation.  I must have this proper research before that I present it to you and white space prevents me to do.

Someone has ideas and suggestions? Here is the link to the page.

http://burntdesigns.com/client/18d_test2/

Thank you!

Add a negative top margin to compensate for the height of the button as in

{.previewBtn}

position: relative;

z index: 30;

Width: 311px;

height: 64px;

left: 30px;

top: 380px;

margin-top:-64px;

}

Tags: Dreamweaver

Similar Questions

  • I can't use creative cloud. After the program open, I see backbone of creative cloud and empty space without all the icons. I want to download photoshop as I pay by bank transfer for Adobe...

    I can't use creative cloud. After the program open, I see backbone of creative cloud and empty space without all the icons. I want to download photoshop as I pay by bank transfer for Adobe...

    If you see a blank white screen, see this link. If you see something else, please let us know what you see.

    Blank white screen. Sign in | Creative cloud Packer

  • How to make the top sites page appears when I open a new tab? Why have I not of "buttons" to pin a top site of the page tab?

    When I open a new tab, NO best sites don't show up... shows just a search engine box. I have Firefox 33.0. Why is there no 'pin' button when I opened a new page? How to make the top sites page appears when I open a new tab?

    Here is some additional information on the configuration of the new tab page:

    (1) in a new tab, type or paste Subject: config in the address bar and press ENTER. Click on the button promising to be careful.

    (2) in the search above the list box, type or paste newtab and make a pause so that the list is filtered

    (3) double-click the preference browser.newtab.url and enter your favorite page:

    • (Default) page thumbnails = > subject: newtab
    • Blank tab = > subject: empty
    • Built-in Firefox homepage = > topic: welcome
    • Any other page = > full URL of the page

    Press Ctrl + t to open a new tab and check that it worked. Fixed?

    Some traps:

    If Firefox will not let you change this setting: you can have what is called SearchProtect on your system.

    Firefox if allows you to save your changes, but he doesn't know: one of your extensions may be the substitution of her. You can consult, disable and/or remove extensions on the addons page:

    "3-bar" menu button (or tools) > Add-ons > in the left column click on Extensions

    If the modification works during your session, but during the next startup is leads to: you could have a user.js file in your personal settings Firefox (your Firefox profile folder). This article describes how to track down and delete the file: How to fix preferences that will not save.

    A little luck?

  • The top of page 1 1/4 inch has no answer whin you click on it. As in this page, sign in or register and other app does not work. in English

    The top of page 1 1/4 inch has no response when you click it. As in this page, sign in or register and other app does not work. in English

    This problem can be caused by that extended the Yahoo! toolbar or extension of Babylon also well down and covers the top of the browser window and therefore links and buttons in this part of the screen not clickable.

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/tools > Modules > appearance/themes).

  • Firefox does not leave my mouse click on the top of a web page, that he will not let the mouse of course recognise that linking and custom allow to click the links in the top of page 2 "of a web page

    If I'm looking at a Web page any and I move the cursor over a link at the top of page 2 "more or less of the page, it will not recognize that there is a link and I would click on the cursor remains as the arrow and move by hand to make me click and open the link

    The extension of the Yahoo! toolbar reported that causes this problem. Disable or uninstall this add-on.

       * https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes
    
  • WVC54G cannot open the game to the top of page

    I had to exchange for dyndns sololink last week and one of my cameras worked well but suddenly exploded line one day after I changed the settings to dyndns. I tried everything to get there and decided to finally reset. ID of the camera appears in the window of 192.168.1.115 camera but I can't access the set to the top of page, I cannot ping or see in the rental of the router table. I tried reset long & short, but without success... of the suggestions or known service officers would be welcome.

    Thank you Browny

    I had the same thing happen to me.  Go to the WVC54G product support page, then select Version1.0.  Download the installer from here (even if you have version 1.1 I did).  Running as the Wizard instead of the one that is on the cd has worked for me.  Good luck.

  • With the new cartridge is already installed, I can't retrieve the set to the top of page to complete the installation.

    Hello, I have Norton antivirus and apparently everything is installed correctly but when I click the icon on the desktop after a very short time, the message appears.  I have an Acer Aspire V3 windows 8.1 - 64 bit

    I am trying to solve this problem since last week.  No change at all.  (I uninstalled all the components of the front range of HP printers)  The printer I have is HP C6250 all-in-one.

    I followed all the steps in the HP website and a couple of nights, it seemed that everything was working, when I prayed me to turn on the printer, one of the color ink cartridges more than ink and I could not finish the job.  With the new cartridge is already installed, I can't retrieve the set to the top of page to complete the installation.

    I thank very you much.

    Unless you have installed the full software from HP support features, none of the options on the cartridges of ink or HP Diagnostics will work

    http://h10025.www1.HP.com/ewfrf/wc/softwareCategory?cc=us&LC=en&product=3308554

    And if you bought "compatible" ink cartridges and not genuine HP that you receive msgs error cartridge like the habit of these cartridges compatible function with the HP software

  • How to get the top users page?

    Hello

    How to build the top users page with which users are more recently logged_in to the application? Similar to the picture here

    at.bmp

    --

    Thank you.

    Venky_prs wrote:

    How to build the top users page with which users are more recently logged_in to the application? Similar to the picture here

    Create a report of region using a query like:

    select
        user_name
      , max(access_date) most_recent
    from
        apex_workspace_access_log l
    where
        authentication_result = 'AUTH_SUCCESS'
    and application_id = :app_id
    group by
      user_name
    

    Use of the ' 16 hours ago" number / Date Format MOST_RECENT column.

  • CSS problem - empty space at the top of page

    Hi guys, I wonder if maybe someone can see what I did wrong please...  I use Dreamwweaver CC and worked on a few test pages to create a new site, and in some way, I changed without knowing something in the css which means there are now a few inches of white space at the top of the site, above my logo - while the original model fits comfortably up to near the top of the page.    (Problem page - http://www.baseballhypnosis.com/running/mental-training-articles/index.php / Original model - http://www.baseballhypnosis.com/new/running/index.php ).    Any thoughts would be greatly appreciated!  Thank you, Craig T



    In custom.css, line 439, remove body {padding-top: 135px}

  • Reduce at least wasted space apparent at the top of the editing window first cc 2015?

    Screen Shot 2015-09-15 at 2.01.05 PM.pngIs it possible to minimize apparent wasted space at the top of the editing window?    Thank you!! I'll post pictures soon...

    Post edited by: Robert Jaffe I couldn't find the original screenshot to remove it, but this one has the space, I hope to recover in a yellow rectangle, thank you! / r

    Between headers video track and Audio track headers, there is a slightly larger space. When you place your cursor on it, it will change to a line with arrows up/down.

    Once the cursor changes shape, click down and drag the line to the top. Who will position the content of the above script, filling the space that is empty now and allowing you to scroll to reveal several audio tracks.

    MtD

  • Inserting a space before style, even at the top of page

    I have a title set up style. I want about an inch of white space above style. Because this style is always at the top of the page, ID seems to ignore the setting of"space" and pushing the text to the top margin.

    How can I set the style so that the text still has space above it?

    AlphaSmith wrote:

    I have a title set up style. I want about an inch of white space above style. Because this style is always at the top of the page, ID seems to ignore the setting of"space" and pushing the text to the top margin.

    How can I set the style so that the text still has space above it?

    Use a paper 1 "or no color above, net either by setting the offset or the width of the outline. Be sure to set the Frame keep on (enabled).

    HTH

    Kind regards

    Peter

    _______________________

    Peter gold

    Know-how ProServices

        
  • remove white space at the top of page

    Hi people

    Just created a test in the Muse of the site for a client and noticed that a bunch of white space has appeared at the top of each page when it is tested on an iPad and iphone6 - but not on the desktop? Check the solutions, the foot takes off as suggested, no difference. Removed the filling of the page on the top on the site and on every page - no difference. Downloaded again the site to the server after which the home page now isn't the white band, but the other pages (Offshore and onshore Rigs - BOP and well - Cyber Rig - HSE control) do? The only change I made to the homepage before downloading has been to place the video widget full width, which appears twice on the page of images of posters and other video files?

    The site is www.rig-inspection-adc.com - suggestions gratefully received...

    Greetings - Peter

    Peter,

    Nice problem. It took some time locate the problem, but I found it. Here's the problem:

    There is a small overflow "A key station" located on the rectangles and this is causing the problem.

    Steps to fix:

    To get at the top of the page "key position" rectangles visible for editing, I stretched first image upward. Then, I brought the rectangle to the right size.

    We now have the indicator "key position" visible and ready to be changed.

    I've then re-released the site. Here are the before and after screenshots of my mobile.

    Let me know if you have any problems.

    See you soon,.

    Craig

  • reducing the height of the bar at the top of page

    Hi all


    I'm unable to achieve concrete results by changing the html/css
    We use the apex 4.1 and Sapphire theme 17

    all I want to do is reduce the size of the bar at the top of the page and get rid of the ugly border at the bottom of this
    This is code that you find on page 0, region
    <STYLE type="text/css">
    #topbar {
        border-bottom: 0px;
    }
    
    #header {
        height: 15px;
    }
    </STYLE>
    get rid of the border less ok
    However, whenever I do less than 50px #header, layout whiole is messed up
    When I do the "tabs" hidden DIV all the contained page disappears too, why?

    I like to know why because I intend on creating custom templates, but only after learning more about div/css stuff


    Please take a look here:
    application error stream, page 1 (0)

    workspace: xonixrs
    user: demo
    password: demo



    KR
    Martin



    PS: Yes I know I should copy a model and change it instead to use an "invisible" to page 0 region, but this isn't the issue

    Martijnke wrote:
    Hi all

    I'm unable to achieve concrete results by changing the html/css
    We use the apex 4.1 and Sapphire theme 17

    all I want to do is reduce the size of the bar at the top of the page and get rid of the ugly border at the bottom of this
    This is code that you find on page 0, region

    
    

    get rid of the border less ok
    However, whenever I do less than 50px #header, layout whiole is messed up

    The layout behaves exactly as requested. What you see is not the "layout is messed up", that is the background image with a fixed size "header" applied to the bodypage, visible through the transparent elements who are now in positions not covered by the designer of the theme.

    You need to change the background of the page to the top compared to the display window to allow the difference between 50px of the theme and your 15px 35px height of the header :

    body {
      background-position: 50% -35px;
    }
    

    Note that this introduces a subtle change in the header of the gradient appears now start with a darker shade.

  • Asain wrote at the top of page

    Lately, at the top and through the tabs of each page it is Asian (ex-japonais, don't know who) wrote that appears. The legs become empty. Writing also appears in the row of the toolbar. This started the last two weeks I think.

    Hello, jjshamb!

    This question has been previously linked to the extension of McAfee Site Advisor. Try to disable it and see if the problem persists.

    http://service.McAfee.com/faqdocument.aspx?ID=TS100162

    To disable:

    1. Type "subject: addons" in the address bar
    2. Find the extension and click on the button 'disable '.
  • mouse only works for low 3/4 of a page and clicks what anyone at the top of page

    Thr mouse will point the cursor anywhere on the screen but will not click on anything on the top of a page. This is a problem because the disconnection of the option is often at the top of the page

    This problem can be caused by that extended the Yahoo! toolbar or extension of Babylon also well down and covers the top of the browser window and therefore links and buttons in this part of the screen not clickable.

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

Maybe you are looking for

  • battery after 9.3.4 problems updating iPhone 5s

    Hi all! I'm having a serious problem of battery since the last update, I did it on my iPhone 5 s 32GB. I'm not on the device and drains the battery in just a few hours! It's also very hot most of the time. Does anyone else know this? I tried to kill

  • DeskJet 1280 and Vista

    I have a 1280 Deskjet quite old but trustworthy. I can't connect with the new computer laptop Vista Basic. 1280 does not appear in HP list when I try to add a printer. The driver is easy to find (dj1280). The only 1200 series printer listed is the 12

  • NTBackup error: "the saved selection file 'Drive.bks' is not found."

    The server used to back up the C drive very well, then from the year last it started giving me this error. No updates or changes made to the system as far as I know - so I'm puzzled as to why I get this error (found via the errorlog of the applicatio

  • clean reinstall with fast storage intel ROM

    After a series of hickups, I recently found with a need to reinstall Win 7 on a Dell Inpiron 7250, which came with an SSD and a 1 TB hard drive. Hardware diagnostic shows no errors. The problem is that when I try to reinstall the OS OEM DVD of the Bi

  • Download GPS Latitude and Longitude of the Contact

    I'm stuck with this problem. I want to get the GPS latitude and longitude of the contact object. Can any post related code. ?? Kind regards V: Vinay