Weird empty space above the fixed navigation bar. Help!

Hi all

Im a true no, not in the construction of websites, so it's already my fifth post in a week

And I have a problem again...

my site: http://vinddit.nl/ you can see I made a fixed navigationbar. but you will see an empty space above it when you collpart down.

This isn't what I want! I want the content behind it to not be visible.

See also my printscreen:

Schermafbeelding 2014-03-03 om 12.12.01.png

Can someone help me get rid of it?

Pls find my. HTML & CSS below:

HTML:

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

" < html xmlns =" http://www.w3.org/1999/xhtml ">

" < script type =" text/javascript"src =" http://AJAX.googleapis.com/AJAX/libs/jQuery/1.7.1/jQuery.min.js "> < / script > .

< script type = "text/javascript" src = "scripts/smoothscroll.js" > < / script >

"< script src="scripts/jquery-1.6.min.js "type =" text/javascript"> < / script >

"< script src="scripts/jquery.cycle.all.js "type =" text/javascript"> < / script >

< style type = "text/css".

/ * BeginOAWidget_Instance_2559022: #slideshow_1 * /.

{#slideshow_1}

padding: 0px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

left margin: auto;

}

#slideshow_1-caption {}

padding: 0;

margin: 0;

}

#slideshow_1 img, #slideshow_1 div {}

padding: 0px;

background-color: #EEE;

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

margin: 0;

}

/ * EndOAWidget_Instance_2559022 * /.

< / style >

< script type = "text/xml" >

<!--

< oa:widgets >

< oa:widget wid = binding "2559022" = "#slideshow_1" / >

< oa:widget wid = binding "2559022" = "#slideshow_header" / >

< oa:widget wid = binding "2559022" = "#slideshow_header_2" / >

< / oa:widgets >

->

< /script >

< style type = "text/css" >

/ * BeginOAWidget_Instance_2559022: #slideshow_header * /.

{#slideshow_header}

padding: 0px;

margin: 0;

}

#slideshow_header-caption {}

padding: 0;

margin: 0;

}

#slideshow_header img, #slideshow_header div {}

padding: 0px;

background-color: #ffffff;

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

margin: 0;

}

/ * BeginOAWidget_Instance_2559022: #slideshow_header_2 * /.

{#slideshow_header_2}

padding: 0px;

margin: 0;

}

#slideshow_header_2-caption {}

padding: 0;

margin: 0;

}

#slideshow_header_2 img, #slideshow_header_2 div {}

padding: 0px;

background-color: #ffffff;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin: 0;

}

/ * EndOAWidget_Instance_2559022 * /.

< / style >

< head >

< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

< title > VINDDIT - Wij Vinden wat u zoekt. < /title >

< name meta = "Description" content = "Vinddit.nl Wij vinden wat u zoekt" / > "

< name meta = "Keywords" content = "vinddit, vinddit.nl, tweedehands zoeken, design, vintage, vinden, service, meubels, kleding, shoes" / > "

< link href = "images/logo.png" rel = "shortcut icon" / > "

< link href = "style.css" rel = "stylesheet" type = "text/css" / > "

< / head >

< body >

< div id = "container" >

< div id = "banner" class = "menudefault" >

< h2 >

< a href = "index.html" > < img src = "images/Schermafbeelding 2014 - 02 - 25 om 10.09.52.png" width = "220" height = "76" alt = "logo" / > < /a >

< a href = "#container" class = "smoothScroll" > HOME < /a > |

< a href = "#leftcollum" class = "smoothScroll" > HOE HET WORKS? < /a > |  < a href = "#leftcollum2" class = "smoothScroll" > d @ VINDDIT < /a > |

< a href = "#mainbox2" class = "smoothScroll" > PRICES < /a > |   < a href = "over_ons.html" > ON < /a > ONS |  < a href = "contact.html" > CONTACT < /a > |

< / h2 >

< / div >

< p > < / p >

< p > < / p >

< p > < / p >

< hr / >

< div id = "mainimage" >

< p >

< script type = "text/javascript" >

BeginOAWidget_Instance_2559022: #slideshow_header

slideshow_headerAddCaption = true;

{$(document) .ready (function ()}

$('#slideshow_header').cycle ({}

After: slideshow_headerOnCycleAfter, //the function triggered after each passage

autostop: false, / / true to end of slide show after the transitions X (where X is number of slides)

FX: 'scrollLeft,', / / name of the transition effect

pause: false, / / true to enable break overview

randomizeEffects: true, / / valid when using multiple effects; true to perform the sequence of the random effect

Speed: 1000, / / speed of the transition (any valid speed fx value)

Sync: true, / / true if/output transitions should occur at the same time

Timeout: 4000, / / the slide of milliseconds between transitions (0 to disable automatic advance)

fit:                              true,

height: "365px."

Width: "968px" / / width of the container (if the option "worthy" is true, the slides will be set on this as well width)

});

});

function slideshow_headerOnCycleAfter() {}

If (slideshow_headerAddCaption == true) {}

$('#slideshow_header-caption').html (this.title);

}

}

EndOAWidget_Instance_2559022

< /script >

< /p >

< div id = "slideshow_header" >

<! - all the elements inside it will become slides - >

"< img src =" images/background header2.jpg"width ="968"height ="365"title =" "/ > < a href ="Vinddit nu.html"> < img src =" images/background header3.jpg"width ="968"height ="365"title =" "/ > < /a > < / div >

<!-it is safe to remove this element if the subtitles are disabled->

< div id = "slideshow_header-caption" > < / div >

< / div >

< div class = "button" >

< p > < img src = "images/button-.gif" width = "270" height = "108" alt = "button" onclick = "window.open ('http://vinddit.nl/vindditnu%20php%20version.php ',' Websonic ',' width = 760, height = 800, scrollba rs = no, toolbar = no, location = no)"); " return false" / > < / p >

< p > < / p >

< / div >

< div id = "leftcollum" >

< p > < img src = "images/tumblr_lpfamnI7Jp1qz7n3v.jpg" width = "200" height = "200" alt = "pic1" / > < / p > "

< h1 > VINDDIT NU! < / h1 >

< h2 > Vertel ons wat I zoekt en wij gaan voor adept I opzoek! < a href = "vindditnu php feed.php" > Doe een request... old < /a > < / h2 >

< / div >

< div id = "centercollum" >

< p > < img src = "images/tumblr_mbflodtX9Z1rtzzyto1_500_large_thumb_550x550.jpg" width = "200" height = "200" alt = "pic2" / > < / p > "

< h1 > machine production VIND < / h1 >

< h2 > Wij zijn geen search machine, wij VINDEN! Eleven special zoekers staff jouw zullen vinden naar aanleiding jouw specific wensen van artikel. < a href = "vindditnu php feed.php" > Lees meer... < /a > < / h2 >

< / div >

< div id = "rightcollum" >

< p > < img src = "images/slide 4.jpeg" width = "200" height = "200" alt = "pic3" / > < / p >

< h1 > puts gemak SERVICE < / h1 >

< h2 > Ontvang een space selection van 1 tot 5 opties en besluit then zelf welke keuze I wil maken! < a href = "over_ons.html" > Lees meer... < /a > < / h2 >

< / div >

< div id = "mainbox" > < p > < / p >

< div id = "insideleft" >

< img src = "images/27th.jpg" width = "280" height = "280" alt = "pic4" / > "

< / div >

< div id = "insideright" >

< h1 > Hoe VINDEN wij voor jou?      < / h1 >

< h2 > idsfjdspodopsv, dspofjsdfopfj. < / h2 >

< h2 > sd [vjsdvosv psdofjsd jsdpofjds pofjdsfpos fspojdsf!      < / h2 >

< div class = "button2" > < h2 > < img src = "images/button.gif" width = "216" height = "86" alt = "button" onclick ="window.open ('http://vinddit.nl/vindditnu%20php%20version.php ',' Websonic ',' width = 760, height = 800, scrollba rs = no, toolbar = no, location = no'); return false "/ > < / p > < / h2 > "

< / div >

< / div >

< / div >

< div id = "leftcollum2" >

< p > < / p >

< h1 > < img src = "icons/shadow-icons - 19.png" width = "100" height = "100" alt = "icon1" / > < / h1 >

VERTEL < h1 >. < / h1 >

< p > vinddit was found in 2014 door Lisa & amp; Annes dsfhdofhafhiofasfoihs < /p >

< p > < a href = "over_ons.html" > yesterday lees meer over ons... < /a > < /p > ""

< p > < / p >

< p > < / p >

< / div >

< div id = "centercollum2" >

< p >

< script type = "text/javascript" >

BeginOAWidget_Instance_2559022: #slideshow_1

slideshow_1AddCaption = true;

{$(document) .ready (function ()}

$('#slideshow_1').cycle ({}

After: slideshow_1OnCycleAfter, //the function triggered after each passage

autostop: false, / / true to end of slide show after the transitions X (where X is number of slides)

FX: 'scrollLeft,', / / name of the transition effect

pause: false, / / true to enable break overview

randomizeEffects: false, / / valid when using multiple effects; true to perform the sequence of the random effect

Speed: 1000, / / speed of the transition (any valid speed fx value)

Sync: true, / / true if/output transitions should occur at the same time

Timeout: 3000, / / the slide of milliseconds between transitions (0 to disable automatic advance)

fit:                              true,

height: '200px ',.

Width: "200px" / / width of the container (if the option "worthy" is true, the slides will be set on this as well width)

});

});

function slideshow_1OnCycleAfter() {}

If (slideshow_1AddCaption == true) {}

$('#slideshow_1-caption').html (this.title);

}

}

< /script >

< script type = "text/javascript" >

BeginOAWidget_Instance_2559022: #slideshow_1

slideshow_1AddCaption = false;

{$(document) .ready (function ()}

$('#slideshow_1').cycle ({}

After: slideshow_1OnCycleAfter, //the function triggered after each passage

autostop: false, / / true to end of slide show after the transitions X (where X is number of slides)

FX: 'scrollLeft,', / / name of the transition effect

pause: true, / / true to enable break overview

randomizeEffects: false, / / valid when using multiple effects; true to perform the sequence of the random effect

Speed: 1000, / / speed of the transition (any valid speed fx value)

Sync: true, / / true if/output transitions should occur at the same time

Timeout: 3000, / / the slide of milliseconds between transitions (0 to disable automatic advance)

fit:                              true,

height: '200px ',.

Width: "200px" / / width of the container (if the option "worthy" is true, the slides will be set on this as well width)

});

});

function slideshow_1OnCycleAfter() {}

If (slideshow_1AddCaption == true) {}

$('#slideshow_1-caption').html (this.title);

}

}

EndOAWidget_Instance_2559022

< /script >

< script type = "text/javascript" >

BeginOAWidget_Instance_2559022: #slideshow_header_2

slideshow_header_2AddCaption = true;

{$(document) .ready (function ()}

$('#slideshow_header_2').cycle ({}

After: slideshow_header_2OnCycleAfter, //the function triggered after each passage

autostop: false, / / true to end of slide show after the transitions X (where X is number of slides)

FX: 'scrollLeft,', / / name of the transition effect

pause: true, / / true to enable break overview

randomizeEffects: true, / / valid when using multiple effects; true to perform the sequence of the random effect

Speed: 1000, / / speed of the transition (any valid speed fx value)

Sync: true, / / true if/output transitions should occur at the same time

Timeout: 7000, / / the slide of milliseconds between transitions (0 to disable automatic advance)

fit:                              true,

height: "365px."

Width: "968px" / / width of the container (if the option "worthy" is true, the slides will be set on this as well width)

});

});

function slideshow_header_2OnCycleAfter() {}

If (slideshow_header_2AddCaption == true) {}

$('#slideshow_header_2-caption').html (this.title);

}

}

EndOAWidget_Instance_255902 < /script >

< div id = "slideshow_1" >

<! - all the elements inside it will become slides - >

< a href = "images/slide 1 tumb.jpg" > < img src = "images/slide 1.jpg" width = "200" height = "200" title = "caption for image1" / > < /a > < a href = "images/slide 3 tumb.jpg" > < img src = "images/slide 3.jpg" width = "200" height = "200" title = "caption for image2" / > < /a > < a href = "images/slide 4 tumb.jpeg" > < img src = "images/slide 4.jpeg" width = "200" height = "200" title = "caption for image3" / > < / has >

< img src = "images/slide 5.jpg" width = "200" height = "200" title = "caption for image4" / > < / div >

<!-it is safe to remove this element if the subtitles are disabled->

< div id = "slideshow_1-caption2" > < / div >

< div title = "sample title" > < / div >

< div id = "slideshow_1-caption" > < / div >

VINDDIT DOOR < h1 > < / h1 >

< H1 > d! < / h1 >

< h2 > < / h2 >

< / div >

< div id = "rightcollum2" >

< p > < / p >

< h1 > < img src = "icons/shadow-icons - 02.png" width = "100" height = "100" alt = "icon2" / > < / h1 >

< H1 > QUESTION & amp; ANTWOORD < / h1 >

< p > has u suggesties questions. Laat het ons principled < /p >

< p > < a href = "contact.html" > Contact < /a > < /p > ""

< h2 > < / h2 >

< / div >

< div id = "mainbox2" >

< div id = "insideright2" >

PRICES < p > < /p >

< p > prijs is afhankelijk van wat I zoekt & amp; Gegarandeerd, hotel wij niet vinden wat jij zoekt onverhoopt success? Kost het niets Dan I. < br / >

Is doe I had achteraf due geen in zonder results! < /p >

< / div >

< / div >

< hr / >

< div id = "footer" >

< hr / >

< h2 > < a href = "index.html" > HOME < /a > |          < a href = "vindditnu php feed.php" > VINDDIT NU! < /a > |          < a href = "over_ons.html" > ON < /a > ONS |          < a href = "contact.html" > CONTACT < /a > |            "" < a href = "https://www.pinterest.com" > < img src = icons/pinterest.png"" width = "20" height = "20" align = "absbottom" / > < /a > < a href = "https://www.facebook.com/" > < img src = icons/fb_1.png"" width = "20" height = "20" align = "absbottom" / > < /a > < / h2 >

< / div >

< / div >

< / body >

< / html >

CSS:

@charset "UTF-8";

#container {}

Width: 968px;

padding-right: 10px;

padding-left: 10px;

height: 100%;

margin-right: auto;

left margin: auto;

margin-top: 0px;

margin-bottom: 0px;

padding-top: 0px;

padding-bottom: 0px;

}

#banner {}

position: fixed;

Width: 968px;

overflow: visible;

z index: 99999;

height: 120px;

background-color: #FFF;

float: left;

visibility: visible;

}

#banner p {}

do-family: Arial, Helvetica, without serif.

do-size: 18px;

make-weight: normal;

text-decoration: underline;

text-align: center;

Color: #000;

height: 100%;

Width: 100%;

float: left;

}

{#mainimage_contact}

height: 365px;

Width: 968px;

float: left;

margin-bottom: 20px;

background-color: #FFF;

top of the margin: 15px;

background-image: url(images/background%20header.jpg);

background-repeat: no-repeat;

}

{#mainimage}

height: 365px;

Width: 968px;

float: left;

margin-bottom: 40px;

background-color: #FFF;

margin-top: 0px;

}

{#mainimage_vindditnu}

height: 365px;

Width: 968px;

float: left;

margin-bottom: 20px;

background-color: #FFF;

top of the margin: 15px;

background-image: url(images/background%20vindditnu.jpg);

background-repeat: no-repeat;

}

{#mainimage_overons}

height: 365px;

Width: 968px;

float: left;

margin-bottom: 20px;

background-color: #FFF;

top of the margin: 15px;

background-image: url(images/overons%20back.jpg);

background-repeat: no-repeat;

}

{#mapCanvas}

height: 280px;

Width: 280%;

}

{#mainbox}

height: 365px;

Width: 968px;

float: left;

background-color: #E6E6E6;

margin-bottom: 60px banner;

top of the margin: 60px banner;

}

#leftcollum, #rightcollum, #centercollum {}

Width: 250px;

float: left;

background-color: #E6E6E6;

do-family: Arial, Helvetica, without serif.

do-size: 16px;

text-align: center;

padding-top: 20px;

height: 400px;

}

#rightcollum, {#centercollum}

margin left: 109px;

}

H1 {}

do-family: Arial, Helvetica, without serif.

do-size: 18px;

make-weight: bold;

}

H2 {}

do-family: Arial, Helvetica, without serif.

do-size: 16px;

make-weight: normal;

}

H5 {}

do-family: Arial, Helvetica, without serif.

do-size: 14px;

make-weight: normal;

}

#leftcollum2, #rightcollum2, #centercollum2 {}

Width: 250px;

float: left;

background-color: #E6E6E6;

do-family: Arial, Helvetica, without serif.

do-size: 16px;

text-align: center;

padding-top: 20px;

height: 380px;

}

#rightcollum2, {#centercollum2}

margin left: 109px;

text-align: center;

}

{#insideleft}

Width: 300px;

float: left;

background-color: #E6E6E6;

do-family: Arial, Helvetica, without serif.

do-size: 16px;

text-align: center;

height: 280px;

padding: 0px;

margin-top: 0px;

margin-bottom: 0px;

margin left: 180px;

right margin: 20px;

}

{#insideleft_contact}

Width: 400 PX;

float: left;

background-color: #E6E6E6;

do-family: Arial, Helvetica, without serif.

do-size: 16px;

text-align: center;

height: 280px;

margin-left: 50px;

padding: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

border: #FFF;

border-width: 2px;

border-style: solid;

}

{#insideright}

Width: 300px;

float: left;

background-color: #FFF;

do-family: Arial, Helvetica, without serif.

font size: 24 PX.

text-align: center;

height: 280px;

}

{#overons}

Width: 100%;

background-color: #E6E6E6;

do-family: Arial, Helvetica, without serif.

font size: 24 PX.

text-align: left;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

left margin: auto;

float: left;

padding: 0px;

}

{.overons_text}

text-align: left;

Width: 50%;

background-color: #FFF;

top of the margin: 20px;

margin-right: auto;

margin-bottom: 20px;

left margin: auto;

}

{#Contactsheet}

height: 100px;

Width: 100%;

background-color: #E6E6E6;

}

{#mainbox2}

height: 365px;

Width: 968px;

background-color: #E6E6E6;

top of the margin: 40px;

float: left;

}

{#insideright2}

Width: 800px;

float: none;

background-color: #E6E6E6;

do-family: Arial, Helvetica, without serif.

do-size: 36px;

text-align: center;

make-weight: bold;

color: #FFF;

margin: auto;

}

#banner h2 a {}

do-family: Arial, Helvetica, without serif.

do-size: 16px;

Color: #000;

}

#footer {}

do-family: Arial, Helvetica, without serif.

do-size: 18px;

make-weight: normal;

text-align: center;

Width: 100%;

Color: #000;

float: left;

}

#footer h2 a {}

Color: #000;

}

{#commentsform}

background-color: #E6E6E6;

Width: 690px;

height: 100%;

border-radius: 7px;

-webkit-border-radius: 7px;

-moz-border-radius: 7px;

padding: 10px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

do-family: Arial, Helvetica, without serif.

do-size: 14px;

make-style: normal;

}

{.bedankt}

do-family: Arial, Helvetica, without serif.

do-size: 16px;

background-color: #FFF;

text-align: center;

Width: 100%;

margin-right: auto;

left margin: auto;

height: 200px;

margin-bottom: 10px;

margin-top: 0px;

padding-top: 0px;

padding-left: 10px;

}

{.vinddit_aanvraag}

do-family: Arial, Helvetica, without serif.

do-size: 16px;

background-color: #FFF;

text-align: center;

Width: 80%;

height: 100%;

margin-right: auto;

left margin: auto;

margin-top: 0px;

margin-bottom: 0px;

}

{span. Error}

background - image: URL(Icons/x.png);

background-repeat: no-repeat;

background-position: 6px; to the left

padding-left: 25px;

}

. Error {}

Display: block;

do-size: 12px;

Color: #F00;

Padding: 7px 8px;

do-family: Arial, Helvetica, without serif.

background - image: URL(Icons/x.png);

background-repeat: no-repeat;

background-position: 6px; to the left

padding-left: 25px;

}

{#intro_vinddit}

background-color: #E6E6E6;

height: 100%;

Width: 100%;

float: left;

padding-top: 10px;

padding-bottom: 10px;

border: 2px solid #A7D8B3;

}

{#contact_box}

background-color: #E6E6E6;

height: 100%;

Width: 100%;

float: left;

margin-bottom: 20px;

padding-top: 20px;

padding-bottom: 20px;

}

#Submit, #Reset {}

do-size: 16px;

do-family: Arial, Helvetica, without serif.

}

button {}

margin: auto;

float: none;

Width: 100%;

text-align: center;

}

{.button:hover}

-webkit-filter: opacity (0.7);

}

{.button2:hover}

-webkit-filter: opacity (0.7);

}



Add the following to your #banner style rule:

top: 0;

Tags: Dreamweaver

Similar Questions

  • Make the fixed Navigation bar drop Menus still appear on the top

    You can see my problem here

    Using Dreamweaver - how do the fixed Navigation bar down Menus still appear on the top - YouTube

    I'm not too familiar with dreamweaver and don't know how to ask this question or even don't know where is the problem. I did the navigation bar have a fixed position, but the rest of the items would appear on top of the value net asset bar when I scrolled down. How to make the navigation bar always be above all down the screen so the menus and submenus appear always on top?

    CSS STYLESHEET

    {body

    background-color: #191919;

    do-size: 12px;

    do-family: Arial;

    line-height: 23px;

    color: #fff;

    }

    IMG,

    #logo,

    #smallphone,

    #bigphone,

    touch,

    a,

    H3,

    #slidernav li,

    #computer,

    #footer,

    #footer img,

    .smalllogo,

    .learnmore,

    {#submit}

    behavior: url(javascript/iepngfix.htc)

    }

    /* ---------- Hack ---------- */

    .stripNavL, {.stripNavR}

    display: none;

    }

    .stripNav a {}

    text-indent:-9999px;

    }

    {#stripNav0}

    Width: 200px;

    }

    {.stripNav}

    Width: 200px! important;

    }

    .stripNav ul li {}

    margin-left: 10px;

    }

    .stripNav ul {}

    float: right! important;

    }

    {.clearfix}

    Display: inline-block; }

    . Clearfix: after {}

    "content: » ;

    Display: block;

    height: 0;

    Clear: both;

    visibility: hidden; }

    / * Hide IE Mac * /.

    . Clearfix {display: block ;}}

    / * End hide IE Mac * /.

    /* ---------- Typo ---------- */

    {small

    display: block;

    margin: 10px 10px 0 0;

    color: #6fcad7;

    text-transform: uppercase;

    make-weight: bold;

    }

    {small .entry-block

    make-weight: normal;

    text-transform: none;

    }

    {p}

    color: #FFFFFF;

    }

    a, {.link

    color: #6fcad7;

    text-decoration: none;

    }

    H1 {}

    text-transform: uppercase;

    font size: 16.5px;

    color: #FFFFFF;

    do-family: Arial;

    }

    H2 {}

    text-transform: uppercase;

    font size: 36.5px;

    color: #6fcad7;

    padding-bottom: 15px;

    Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

    }

    {.nodivider}

    background-image: none;

    }

    H3 {}

    text-transform: uppercase;

    font size: 16.5px;

    height: 30px;

    color: #6fcad7;

    padding: 5px 0px 0px 35px;

    Background: url (.. / images/icon11.png) left no-repeat;

    }

    H4 {}

    font size: 24 PX.

    color: #6fcad7;

    display: block;

    margin: 20px 0 0 0;

    }

    {.description_p}

    color: #ffffff;

    Padding: 15px 0px;

    Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

    }

    .Icon1, .icon2, .icon3 {}

    color: #ffffff;

    }

    {.icon1}

    Background: url (.. / images/icon9.png) left no-repeat;

    }

    {.icon2}

    Background: url (.. / images/icon11.png) left no-repeat;

    }

    {.icon3}

    Background: url (.. / images/icon10.png) left no-repeat;

    }

    .footerblog a {}

    color: #FFFFFF;

    text-decoration: none;

    margin: 20px 15px 0px 0px;

    }

    .footerblog a: hover {}

    color: #6fcad7;

    }

    {.footerblog}

    margin-bottom: 5px;

    font size: 15px;

    }

    #footer p {}

    color: #a4a4a4;

    do-size: 10px;

    }

    /* ---------- Logo ---------- */

    #logo {}

    float: left;

    Padding: 12px 0px 0px 10px;

    }

    /* ---------- Slider ---------- */

    {#topcontent_wrap}

    background-color: #0 d 7483;

    overflow: hidden;

    }

    {#topcontent}

    Width: 940px;

    margin: 0 auto 0 auto;

    overflow: hidden;

    Padding: 50px 50px 0 0;

    }

    {#info}

    float: right;

    Width: 550px;

    Padding: 0px 0px 0px 35px;

    }

    {#infoleft}

    float: left;

    Width: 550px;

    Padding: 0px 0px 0px 35px;

    }

    {#infoleftsmall}

    float: left;

    Width: 300px;

    Padding: 0px 0px 0px 35px;

    }

    . Video {}

    float: right;

    top of the margin: 45px;

    }

    . Video a {}

    text-decoration: none;

    color: #FFFFFF;

    }

    . Video: hover {}

    color: #6fcad7;

    }

    {.screenshotsfeatures}

    margin: 20px 10px 0px 0px;

    overflow: hidden;

    }

    {.screenshots}

    Width: 300px;

    float: left;

    }

    .the {}

    left margin: 20px;

    float: left;

    }

    .screenshots li {}

    display: block;

    Width: 71px;

    height: 57px;

    Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;

    float: left;

    Padding: 7px;

    margin: 0px 10px 10px 0px;

    }

    . List {}

    Background: url (.. /images/features-BG.jpg top) left no-repeat;

    Width: 196px;

    height: 96px;

    top of the margin: 9px;

    Padding: 0px 0px 33px 11px;

    }

    . List li {}

    color: #96d7e0;

    list-style: circle;

    low-margin: 7px;

    }

    button {}

    float: left;

    margin: 10px 0 0 0;

    }

    {.learnmore}

    Background: url (.. / images/learnmorebtn.png) top left no-repeat;

    Width: 99px;

    height: 30px;

    display: block;

    color: #6fcad7;

    text-transform: uppercase;

    do-size: 11px;

    text-decoration: none;

    make-weight: bold;

    line-height: 30px;

    text-align: center;

    }

    {a.learnmore:hover}

    Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

    }

    {#slidernav}

    position: absolute;

    margin-bottom: 30px;

    right: 10px;

    bottom: 60px banner;

    }

    #slidernav li {}

    Background: url (.. /images/dot-OFF.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    margin-left: 10px;

    float: left;

    }

    #slidernav ul {}

    margin-top: 10px;

    }

    #slidernav li.doton {}

    Background: url (.. /images/dot-on.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    margin-left: 10px;

    float: left;

    }

    #slidernav li a {}

    display: block;

    Width: 12px;

    height: 11px;

    }

    #slidernav li a.the {}

    Background: url (.. /images/dot-on.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    display: block;

    }

    #slidernav li a span {}

    display: none;

    }

    / * - iPhone - computer-* /.

    {#iphone}

    position: relative;

    Padding: 110px, 70px 0px 0px;

    Width: 345px;

    z-index: 1;

    float: left;

    margin:-50px 0 - 30px 0;

    }

    {#smallphone}

    Background: url (.. / images/smallphone.png);

    Width: 159px;

    height: 292px;

    Padding: 0px 0px 22px 57px;

    }

    {#bigphone}

    Background: url (.. / images/bigphone.png);

    Width: 211px;

    height: 378px;

    Padding: 0px 0px 28px 73px;

    position: absolute;

    top: 45px;

    right: 0;

    z index: 9999;

    }

    {#computer}

    Background: url (.. / images/computer.png);

    Width: 319px;

    height: 311px;

    float: right;

    top of the margin: 45px;

    Padding: 15px 0px 0px 25px;

    }

    / * - On the content of the left Page-* /.

    {#leftcontent}

    Width: 680px;

    overflow: hidden;

    float: left;

    }

    {.imgfloat}

    float: left;

    margin: 15px 0px 20px 0px;

    }

    #sidebar {}

    float: left;

    Width: 190px;

    padding-left: 35px;.

    margin: 10px 0px 0px 725px;

    Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;

    position: fixed;

    }

    {.sidebartitle}

    Background: none;

    padding: 0px;

    }

    #sidebar ul {}

    margin: 10px 20px 0 0;

    Width: 190px;

    overflow: hidden;

    }

    #sidebar li {}

    margin-bottom: 10px;

    }

    #sidebar li a {}

    text-decoration: none;

    color: #bababa;

    font size: 16.5px;

    }

    #sidebar li a: hover {}

    color: #ffffff;

    }

    {.sidebaron}

    color: #ffffff! important;

    }

    #sidebar ul #social {}

    list-style: none;

    overflow: hidden;

    margin: 0-0 15px 0;

    Padding: 15px 0 0 0;

    Width: 188px;

    }

    #sidebar ul li {} #social

    margin-bottom: 0px;

    margin-top:-5px;

    overflow: hidden;

    float: left;

    }

    #sidebar ul a {} #social

    Width: 32px;

    padding: 0 15px 15px 0;

    overflow: hidden;

    display: block;

    }

    . Clear {}

    Clear: both;

    }

    purchase online .slider {}

    height: 449px;

    }

    / * - Down content-* /.

    {#bottomcontent_wrap}

    Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;

    Padding: 9px 0px 0px 0px;

    }

    {#bottomcontent}

    Width: 940px;

    margin: 0 auto;

    Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;

    overflow: hidden;

    padding-top: 30px;

    }

    .the .middle, {.right

    float: left;

    Width: 250px;

    }

    .the {}

    padding-right: 20px;

    Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;

    }

    .the ul {}

    margin: 5px 0px 0px 15px;

    }

    . Li {}

    color: #ffffff;

    list-style: circle;

    low-margin: 7px;

    }

    {.middle}

    padding: 0px 55px;

    }

    . Right {}

    float: right;

    padding-left: 55px;

    Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;

    }

    /* ---------- Contact ---------- */

    #container ul li.success

    {

    color: #ffffff;

    }

    #container ul

    {

    text-align: left;

    color: #6fcad7;

    top of the margin: 15px;

    }

    . TextField {}

    border: 1px solid #aaa;

    Background: #fff;

    padding: 5px;

    do-family: Arial;

    do-size: 12px;

    }

    {#submit}

    margin: 10px 0 0 0;

    Background: url (.. / images/learnmorebtn.png) top left no-repeat;

    Width: 99px;

    height: 30px;

    display: block;

    color: #6fcad7;

    text-transform: uppercase;

    do-size: 11px;

    text-decoration: none;

    make-weight: bold;

    line-height: 30px;

    border: 0;

    cursor: pointer;

    }

    #submit: hover {}

    Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

    }

    . Entry-block {}

    margin: 20px 0 0 0;

    padding: 0 0 20px 0;

    Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);

    overflow: hidden;

    }

    . Thumb img {}

    border: 3px solid #cfcfcf;

    }

    purchase online .slider {}

    height: 445px;

    overflow: hidden;

    }

    /* ---------- Footer ---------- */

    #footer a {}

    text-decoration: underline;

    color: #CCCCCC;

    }

    #footer {}

    Background: url (.. / images/footerbg.png) top left no-repeat;

    Width: 938px;

    height: 75px;

    float: left;

    margin: 30px 0px;

    padding: 20px 15px;

    }

    #copyright {}

    float: left;

    }

    . Copy {}

    margin left: 55px;

    }

    {.smalllogo}

    padding-top: 5px;

    float: left;

    }

    .source {}

    text-transform: uppercase;

    padding-right: 55px;

    float: right;

    }

    {# block-project}

    margin: 30px 0 0 0;

    overflow: hidden;

    }

    #thumb-{grand

    Width: 374px;

    height: 365px;

    border: 3px solid #cfcfcf;

    float: left;

    margin: 20px 0 0 0;

    }

    {#right-block}

    float: right;

    Width: auto;

    overflow: hidden;

    Width: 340px;

    right margin:-60px banner;

    }

    {#thumb - UL small

    list-style: none;

    overflow: hidden;

    Width: 100%;

    }

    UL #thumb - small li {}

    float: left;

    margin: 20px 0 0 0;

    }

    #thumb - small UL a {}

    float: left;

    height: 97px;

    Width: 122px;

    border: 3px solid #cfcfcf;

    display: block;

    }

    UL #details {}

    list-style: none;

    Width: 100%;

    overflow: hidden;

    top of the margin: 20px;

    }

    UL li {} #details

    Background: url (.. / images/bullet.gif) no repeat 1px 0;

    height: 36px;

    padding: 0 0 0 30px;

    }

    / * Cursor * /.

    .stripViewer .panelContainer .panel ul {}

    text-align: left;

    }

    / * These 2 lines specify style applied during the loading of cursor * /.

    . CSW {width: 100%; height: auto; overflow: hidden ;}}

    . CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}

    .stripViewer {/ * this is the viewport * /}

    position: relative;

    overflow: hidden;

    / * border: 5px solid #000; / * This is the border. must have the same value for the links * /.

    margin: auto;

    Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.

    height: auto;

    Clear: both;

    / * background: #fff; * /

    }

    .stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.

    position: relative;

    left: 0; top: 0;

    Width: 100%;

    list-style-type: none;

    / * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */

    }

    .stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}

    float: left;

    height: 100%;

    position: relative;

    Width: 940px; / * As specified in .stripViewer above * /.

    }

    .stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}

    padding: 0px 0 0 0;

    }

    .stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}

    margin: auto;

    position: absolute;

    z index: 9999;

    bottom: 85px;

    right: 0px;

    }

    .stripNav ul {/ * generated automatically links * /}

    list-style: none;

    }

    .stripNav ul li {}

    float: left;

    right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.

    height: 11px;

    Width: 12px;

    }

    .stripNav a {/ * the nav links * /}

    font size: 1px;

    text-align: center;

    Background: url (.. /images/dot-OFF.png) no-repeat;

    color: #fff;

    text-decoration: none;

    display: block;

    Width: 12px;

    height: 11px;

    }

    .stripNav Li a: hover {}

    Background: url (.. /images/dot-on.png) no-repeat;

    }

    .stripNav li a.the {}

    Background: url (.. /images/dot-on.png) no-repeat;

    color: #fff;

    overflow: hidden;

    Width: 12px;

    height: 11px;

    }

    .stripNavL, .stripNavR {/ * the arrows left and right * /}

    position: absolute;

    top: 230px;

    text-indent:-9000em;

    }

    .stripNavL a, .stripNavR a {}

    display: block;

    height: 40px;

    Width: 40px;

    }

    {.stripNavL}

    left: 0;

    }

    {.stripNavR}

    right: 0;

    }

    CSS NAV

    / *-Navigation-* /.

    {#top_bar}

    background-color: #000000;

    height: 40px;

    position: fixed;

    Width: 100%;

    top: 0:

    }

    {#nav_container}

    Width: 940px;

    margin: 0 auto;

    }

    #nav {}

    do-family: Arial, Helvetica, without serif.

    make-weight: bold;

    do-size: 12px;

    color: #9f9f9f;

    z index: 9999;

    float: right;

    position: relative;

    }

    #nav, #nav ul {}

    margin: 0;

    padding: 0;

    list-style-type: none;

    list-style-position: outside;

    position: relative;

    line-height: 1em;

    }

    #nav a: link, #nav a: active, #nav a: visited {}

    Display: block;

    line-height: 40px;

    padding: 0 25px;

    color: #a5a5a5;

    text-decoration: none;

    text-transform: uppercase;

    }

    #nav a: hover {}

    color: #fff;

    }

    #nav .on {}

    background-color: #fff;

    color: #191919! important;

    float: left;

    position: relative;

    }

    #nav .inscrit {}

    Background: url (.. / images/subscribe.png) top left no-repeat;

    height: 40px;

    left margin: 22px;

    float: left;

    position: relative;

    }

    #nav li {}

    float: left;

    position: relative;

    }

    #nav ul {}

    position: absolute;

    top: 3.3em;

    display: none;

    z-index: 1;

    }

    #nav ul li a {}

    Width: 8th;

    height: 40px;

    float: left;

    background-color: black;

    background-image: none! important;

    }

    .last {}

    Width: 8th;

    float: left;

    background-color: black;

    background-image: none! important;

    right margin: 15px;

    }

    #nav ul li a: hover {}

    background-color: #292929;

    }

    #nav ul ul {}

    top: auto;

    }

    #nav li ul ul {}

    left: 11.3em;

    margin: 0px 0 0 10px;

    }

    #nav li: hover ul ul, #nav li: hover ul ul ul li: hover ul ul ul ul {} #nav

    display: none;

    }

    #nav li: hover ul, #nav li li: hover ul, #nav li li li: hover ul, #nav li li li li: hover ul {}

    Display: block;

    }

    Try to give the top_nav bar a z-index: 999:

    {#top_bar}

    background-color: #000000;

    height: 40px;

    position: fixed;

    Width: 100%;

    top: 0:

    z index: 999;

    }

  • Empty space above the address bar in mode full screen on Mac.

    Hello.
    Empty space appears above the address mode bar full screen when I bookmark specific web page for the first time after the start of FF. Is the path to hide this space view-> toolbars-> customize-> fact. But it appears each time after restarting FF. All the addons disabled does not help. This problem disappears only in FF safe mode.

    Thank you
    Roman

    Exit Firefox completely and profile folder delete localstore.rdf in case you have the file corrupt localstore.rdf .

  • empty space above the video tracks in the sequence window

    Hi, I like to use Premiere Pro, but like almost everyone else I have irritating things during use. When I resize the window of the sequence trying to see all the tracks video and audi, I get this empty space above my video tracks. Could not find the option to delete this. The button on the right bars only I have bigger or smaller individual tracks. I have attached a screenshot to make it clear. I hope someone can help me with something boring... Regards, René

    2016-05-05_11h40_20.jpg

  • White space above the top Menu bar

    I hope that someone can see something I'm not.

    I have a white space above my menu bar upper that drives me crazy.  I want that the menu bar to be aligned with the top of the page.

    I work in DW CS5 and the menu (if necessary) is the widget "Menu Matic".

    Please see my test page (and code) to:

    www.Aloe-Vera.org/test.htm

    Thank you! -David

    / * ul or ol of main menu item * /.
    #nav {}
    Display: block;
    position: absolute;
    list-style: none;
    margin: 0 0 0 0;
    z-index: 5;
    top: 15px;
    Display: block;
    }
    Change top: 15px to top: 0;
  • empty space above the tabs

    Hello

    So my Firefox has decided it was a good time to upgrade to Firefox V29.
    but since then it has also changed the location of the tabs at the top of the URL bar (which I hate with a burning passion)
    I decided to try and she go to below URL. Successful way with the "Restorer of classic theme" add-on, but since I did it there is that a huge part of the room above my tabs and because of this I can not even see most of my tab bar.

    also, since this is the first time I ask on these forums I'm not sure how to add a screenshot of the problem but I will leave a link to the screenshot.
    http://i.imgur.com/ozt98dr.PNG

    There is a support wire Classic theme restaurateur here.

    http://forums.mozillazine.org/viewtopic.php?f=48 & t = 2773133 & start = 1500

    You can also make suggestions for new or changed features in this thread.

  • Fixed navigation bar, fixed the sidebar, scroll the main content

    Can someone direct me to a good documentation to learn how to design a page to have a fixed, fixed navigation bar side and essential bar that scrolls?

    My goal is to have the nav bar sidebar visible at all times when the user is scrolling the main content.

    Thank you.

    On line 135, you have this:

     

    How It Started

    images/dean.jpg" alt="Dean" width="138" height="141" hspace="15" vspace="5" border="1" align="left" />

    Try this:

      

    How It Started

    images/dean.jpg" alt="Dean" width="138" height="141" hspace="15" vspace="5" border="1" />

    Be sure to close the division right before the closing of the cell.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web.blogspot.com

  • I have stored more than 120 bookmarks and deleted the names to save space in the quick bookmark bar. Therefore, since the Bard got full, if a bookmark or folder had desciptive text next to it, the text would collapse until just the icon shows. I have

    I have stored more than 120 bookmarks and deleted the names to save space in the quick bookmark bar. Therefore, since the Bard got full, if a bookmark or folder had desciptive text next to it, the text would collapse until just the icon shows. If I hover over the icon, the test appears again. These days, I found easier to rank my favorites in folders, HOWEVER, I do not know which folder is because the text next to the icons folder remains reduced until I have pass the mouse on them. I want to customize it so that the text is fixed next to the icon or folder. How can I do this? Please help and thank you!

    Incredible bookmarks try: https://addons.mozilla.org/firefox/addon/50722

  • When you export .mp4, often has "audio ghost" of the clip before repeating in the empty space on the sequence

    When I export a (h264) .mp4 in the sequence (using the encoder) I often get a video that has the sound that repeats.  (that is to say: 'what is that?', 'what is that?","what's that?")  I think it is especially when there is empty space on the sequence between the clips.  Does anyone else have this problem?  Try to clean the media Cache, hoping that this will solve it... taking a lot of time out of the edition actually.  Adobe, fix!

    (Running the latest Premiere Pro CC 2015 on iMac, Yosemite)

    I just did a quick test. I uninstalled Media Encoder and reinstalled for the most up-to-date version, 2015.1 CC. Then I re-exported a portion of my order which showed this problem audio ghosting. Voila! More no audio duplication.

    Incredibly grateful that it was as simple as that... Phew!

  • White space above the footer...?

    Hi guys,.

    I have problems with my footer and the height of the page to get rid of the unwanted white space above the footer setting.

    I was reading this topic and trying to solve the problem with the steps suggested with nothing will do.

    Help, please

    Thank you

    Deb

    Deborah Hey, it was an easy fix...

    Remember that the Mobile Application layer you created to put stuff and then he switched to the invisible ? I think it's more than enough for a clue...

    TADAA!

  • by using the recordset navigation bar

    I have a really weird situation. I can view my recordset navigation bar in the view of real-time data of DW 8, but when I hit F12 to load the page in my browser will not display the recordset navigation bar. What's really weird is that when I check the output of the source HTML < a > code for the next anchor in last interface is clearly present. As you can see by looking at the html code, the tags are all lined up but just refuse to display in the browser.
    Can someone advise?

    Kevin

    problem solved took a few tries, but the code has finally taken.
    No idea why it wouldn't take the first 4 times I did

    Kevin

  • Change the color of 1 link of the Bootstrap navigation bar

    Hello

    I am eager to pass the roll of color of a link in the navigation bar of bootraps.

    I tried a class on this subject... no luck... I can change all the nav bar color... but I just want a roll of color of the item...

    All thoughts

    PAL

    Place the following in your custom stylesheet (do not touch the stylesheet (s)) original of Bootstrap

    .NavBar - default .navbar-nav > li > a: hover, .navbar - default .navbar-nav > li > a: focus {}

    background-color: #FFFF00;

    color: #FFC0CB;

    }

    This assumes that you have deployed the default navigation bar. If you use a different class, also adjust the colors to suit.

  • How can I make my mobile site fill the whole browser. I have a big empty space to the right.

    When I write my site there is a large empty space on the right. How to make my page fill the entire screen?

    This happens usually when you have one or more items or extending outside the area of the layout or phone page breakpoint. Move or resize the elements to the page area or a breakpoint can solve the problem.

    If will be able to help better if you could share the URL of the site in question and also let us know if you create a breakpoint for your phone or a separate provision of the phone?

    Kind regards

    Vivek

  • Maintenance of the visible Navigation bar?

    It seems possible to keep hidden with the gesture API navigation bar. However, I can't understand consistently to maintain the visible navigation bar.

    The following code will ensure that the navigation bar is visible on the loading of the page and show page; However, as soon as the page is moved in a certain way, the navigation bar automatically hides and is irretrievable.

    {$(document) .ready (function ()}

    adobeDPS.Gesture.disableNavigation ([$("body") [0]]);

    adobeDPS.Gesture.toggleNavigationUI ();

    });

    document.addEventListener ("visibilitychange", function() {}

    If (! document.hidden) {}

    adobeDPS.Gesture.toggleNavigationUI ();

    }

    });

    Is there a way to ensure that the navigation bar is indicated?

    There is no way to force the navigation bar to stay standing. It will disappear when the player interacts with the page to ensure that the full screen is available for the reading experience.

    Neil

  • Reduce the space between the Research/Action Bar and IR header

    I know, it's a small thing - the space between the Research/Action Bar and interactive report column headings.  But when you want / must include paging at the top of a report, the extra space looks quite great.  Here is an example based on the theme 21 Scarlet.

    WS: APEX_EXAMPLES_01

    Demo / demo

    Request 62650, Page 3

    Is there a way to reduce that extra space?

    Thank you

    Howard

    Hello

    I have added to the inline CSS page

    #apexir_DATA_PANEL{
    top:-20px;
    position:relative;
    }
    

    It seems to work OK with Firefox. Can not test other browsers.

    Kind regards
    Jari

Maybe you are looking for

  • updated OSX 10.7.5 to 10.8

    I have a Mac Book Pro with OXS 10.7.5 and want to update to 10.8. How can I do this? The software update utility says that there are no updates available at this time

  • UEFI only Windows 7 x 64 dvd won't start

    Hello I'm not able to boot the Win7 x 64 dvd in uefi only mode. The procedure recognizes the optical device. It asks me to press a button to continue the installation. This brings me to the menu bootdevice. What I am doing wrong?

  • Use the time protocol network on ciro to get the timestamp?

    I take a timestamp from a Protocol Server network time as NIST on a peripheral cRIO connected to the internet. How can I do this? There must be someone in our labview community who has done this before, or knows how to do. Examples of code valued

  • problems installing network drivers hp pavilion g6-1d70us

    Hi, I have just again once installed a new operating system which is family Win7 premium g4 bits to my laptop, now I have problems with its network drivers. I tried to install the network drivers, but couldn't, I downloaded it from hp.com Ethernet co

  • Problem using the Overdrive Media Console software program

    When I try to download audio files using the Overdrive Media Console program (used by the public library in my area) I get the error message "error) xC)) D2781: problem occurred in the identification of rights management digital retriving.»   What is