Gap between the header and spry menu bar (school project)?

Hello I have a project for school and they want me to a dw premade layout html, with a header image, and a spry menu bar located in the header. Which I did, but there is this small gap between the header image and the spry menu bar and the header that I can't get rid of. There is no additional line break tag or paragraph in there, I have NO idea what is wrong, please help if you know. Thank you.

Joint below is code html and css. Sorry there all text in dw premade in there too. Basically, I have also attached the css external to the spry menu bar, and the page just in case.

<! DOCTYPE HTML >

< html >

< head >

< meta charset = "UTF-8" >

< title > Rapids Transit - Buffalo River Outfitters < /title >

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

< style type = "text/css" >

<!--

{body

Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.

Background: # 42413;

margin: 0;

padding: 0;

Color: #000;

}

/ * ~ ~ Tag of the element selectors ~ ~ *.

UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

padding: 0;

margin: 0;

}

H1, h2, h3, h4, h5, h6 {p}

margin-top: 0;     / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */

padding-right: 15px;

padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */

}

an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

border: none;

}

/ * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

a: link {}

color: # 42413.

text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

}

a: visited {}

color: #6E6C64;

text-decoration: underline;

}

a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

text-decoration: none;

}

/ * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.

. Container {}

position: relative;

Width: 960px;

Background: #FFF;

margin: 0 auto; / * set to auto on the sides, coupled with the width, the layout centres * /.

}

/ * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.

. Header {}

background-color: #fff;

padding-right: 5px;

padding-left: 5px;

}

/ * ~ ~ It's layout information. ~~

(1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

*/

. Happy {}

padding-top: 10px;

padding-right: 0;

padding-bottom: 10px;

padding-left: 0;

}

/ * ~ ~ Footer ~ ~ * /.

.footer {}

padding: 10px 0;

background: #CCC49F;

}

/ * ~ ~ various float/clear classes ~ ~ * /.

.fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

float: right;

left margin: 8px;

}

.fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

float: left;

right margin: 8px;

}

.clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}

Clear: both;

height: 0;

font size: 1px;

line-height: 0px;

}

->

< / style >

< script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

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

< style type = "text/css" >

{#river_level}

position: absolute;

left: 500px;

top: 325px;

Width: 245px;

height: 80px;

z-index: 1;

background-color: #ffcc33;

border-top-style: inset;

border-right-style: inset;

border-bottom-style: inset;

border-left-style: inset;

border-bottom-color: #960;

border-right-color: #960;

border-bottom-color: #960;

border-left-color: #960;

text-align: center;

do-family: Verdana, Geneva, without serif.

font-size: medium;

}

< / style >

< / head >

< body >

< div class = "container" >

< div class = "header" > < a href = "#" > < img src = "assets/rt_banner.jpg" alt = "Banner Rapids Transit" width = "950" height = "120" / > < / a > "

< ul id = "MenuBar1" class = "MenuBarHorizontal" >

< li > < a href = "index.html" > home < /a > < /li >

< li > < a href = "guides.html" > our Guides < /a > < /li > ""

< li > < a href = "rates.html" > rates < /a > < /li > ""

< li > < a href = "lodging.html" > Lodging < /a > < /li > ""

< li > < a href = "before.html" > Before You Go < /a > < /li > ""

< /ul >

<! - end .header - > < / div >

< div class = "content" >

< p align = "left" class = "body_text" > welcome to rapid Transit. We are a rental service and canoe river guide located on the banks of the beautiful Buffalo River to Gilbert (Arkansas). We also offer kayak and raft rental. Our experienced guides will be pleased to offer trips on the river suitable for all levels - from beginner to expert. They will also be pleased to accompany you all the way! Stop at our country store and pick up your picnic supplies in the process of disappearance. We will even Pack it for you in airtight containers. (Just a precaution!) Call us to make your reservations. < /p >

< p align = "left" class = "contact_info" > Rapid Transit < br / >

Highway 55 North < br / >

Gilbert, Arkansas 75497 < br / >

(555) 365-5228 < br / >

< a href = "mailto: " [email protected] ' > Mike Andrew < /a > < /p > .

< h1 > < / h1 >

<! - end content - > < / div >

< div class = "footer" >

< p > < em > Copyright 2000 - 2012 < br / >

Last updated on

<!-#BeginDate format: Am1-10 April 2012 > <!-#EndDate->

You < /i > < / p >

<! - end .footer - > < / div >

<!-end .container-> < div id = "river_level" > current River Conditions: < br >

good floating today < br >

with a few spots of class II < / div > < / div >

< script type = "text/javascript" >

var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})

< /script >

< / body >

< / html >

-------------------------------------------------------

ALSO, HERE IS MY EXTERNAL STYLESHEET

{.body_text}

do-family: Arial, Helvetica, without serif.

do-size: 14px;

make-style: normal;

}

{.paragraph_header}

do-family: Arial, Helvetica, without serif.

do-size: 14px;

make-style: normal;

make-weight: bold;

color: #036;

}

{.contact_info}

do-family: Arial, Helvetica, without serif.

do-size: 14px;

make-style: italic;

Color: #000;

}

-----------------------------------------------------

HERE'S MY SPRY MENU BAR CSS TOO

@charset "UTF-8";

/ * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

/ * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

The AVAILABLE INFORMATION: Describes the box model, positioning, the order

*******************************************************************************/

/ * The outermost container for the menu bar, an area of width auto without margin or padding * /.

UL. MenuBarHorizontal

{

margin: 0;

padding: 0;

list-style-type: none;

do-size: 14px;

cursor: default;

Width: auto;

do-family: Arial, Helvetica, without serif.

}

/ * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

UL. MenuBarActive

{

z-index: 1000;

}

/ * Menu item containers, position of children relative to this container and are a fixed width * /.

UL. MenuBarHorizontal li

{

margin: 0;

padding: 0;

list-style-type: none;

do-size: 100%;

position: relative;

text-align: center;

cursor: pointer;

Width: 190px;

float: left;

height: 25px;

}

/ * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

UL. MenuBarHorizontal ul

{

margin: 0;

padding: 0;

list-style-type: none;

do-size: 100%;

z index: 1020;

cursor: default;

Width: 8.2em;

position: absolute;

left:-1000em;

}

/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

{

left: auto;

}

/ * Container of menu items are same fixed width parent * /.

UL. MenuBarHorizontal ul li

{

Width: 8.2em;

}

/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

UL. MenuBarHorizontal ul ul

{

position: absolute;

margin:-5% 0 0 95%;

}

/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

{

left: auto;

top: 0;

}

/*******************************************************************************

INFORMATION DESIGN: Describes the set of colors, borders, fonts

*******************************************************************************/

/ * Submenu containers have borders on all sides * /.

UL. MenuBarHorizontal ul

{

border: 1px solid #CCC;

}

/ * Menu items are a light grey block with padding and no text decoration * /.

UL. MenuBarHorizontal a

{

display: block;

cursor: pointer;

background-color: #2E9712;

Padding: 0.5em 0.75em;

color: #fff;

text-decoration: none;

}

/ Components menu that have mouse over or focus have a blue background and white text * /.

UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

{

background-color: # 33;

color: #FFF;

}

/ * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

{

background-color: #3FA7A8;

color: ##ffffff;

}

/*******************************************************************************

Submenu INDICATION: styles if there is a submenu in a given category

*******************************************************************************/

/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

UL. MenuBarHorizontal a.MenuBarItemSubmenu

{

background-image: url (SpryMenuBarDown.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

{

background-image: url (SpryMenuBarRight.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

{

background-image: url (SpryMenuBarDownHover.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

{

background-image: url (SpryMenuBarRightHover.gif);

background-repeat: no-repeat;

background-position: 50 95%;

}

/*******************************************************************************

BROWSER HACKS: hacks below should not be changed, unless you are an expert

*******************************************************************************/

/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

UL. MenuBarHorizontal iframe

{

position: absolute;

z index: 1010;

Filter:alpha(opacity:0.1);

}

/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

@media screen, projection

{

UL. MenuBarHorizontal li. MenuBarItemIE

{

display: inline;

f\loat: left;

Background: #FFF;

}

}

Advertisement

Add the below css to your styes css selector:

. Header img {}

display: block;

}

Change your padded 30px high 'content' css selector and also include clear: both; (as shown below).

. Happy {}

padding-top: 30px;

padding-right: 0;

padding-bottom: 10px;

padding-left: 0;

Clear: both;

}

Tags: Dreamweaver

Similar Questions

  • Strange gaps in the header and footer

    Im getting gaps in the header and the footer on some of my pages.  Sometimes, the gaps are filled with the background color of the column and other times they are the color of the body that is even stranger.  An example would be http://www.mojogar.com/pcRepair.aspx .  In IE8, I get a gap on the top but not the bottom.  In Firefox3, the gap is on the bottom and not the top.  ???

    This is the page for markup;  (followed by the CSS)

    < % @ Page Language = "VB" ContentType = "text/html" percent >
    <! 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"> <!-InstanceBegin template="/Templates/masterOne.dwt.aspx ' codeOutsideHTMLIsLocked = 'false'->
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
    <!-InstanceBeginEditable name = "doctitle"-->
    < title > Untitled Document < /title >
    <! - InstanceEndEditable - >
    <!-InstanceBeginEditable name = "head"->
    <! - InstanceEndEditable - >
    < link href = "thrColHybHdr.css" rel = "stylesheet" type = "text/css" / > <!-[if IE] > "
    < style type = "text/css" >
    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
    .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
    < / style >
    <! [endif]-->
    < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
    < link href = "SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" / > "
    < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
    < / head >

    < body class = "thrColHybHdr" >


    < div id = "container" >
    < div id = "header" >
    <!-end #header->
    < div class = "fltlft" > < img src = "images/mojoLogoSmall.png" alt = "digital Mojogar design & amp; PC repair' width = '172' height = '41' border = '0' well = "#Map" / >
    < name of the map 'Map' id = 'Card' = >
    < area shape = "rect" coords = "2,2,172,39" href = "default.html" target = "_self" alt = "House Mojogar" / > "
    < / map >
    < / div >
    < div class = "fltrt" > <!-InstanceBeginEditable name = "HeadRight"-> HeadRight <! - InstanceEndEditable - >

    < / div >
    < div class = "MenuVertDiv" >
    < ul id = "MenuBar2" class = "MenuBarHorizontal" >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > Design
    < ul >
    < li > < a href = "webDesign.aspx" > Web < /a > < /li > design ""
    < li > < a href = "webDev.aspx" > creating websites < /a > < /li >
    < li > < a href = "logo.aspx" > creation of Logo < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Animation
    < ul >
    < li > < a href = "webDev.aspx" > Animation Flash < /a > < /li > ""
    < /ul >
    < /li >
    < li > < a class = "MenuBarItemSubmenu" href = "#" > Support < /a >
    < ul >
    < li > < a href = "pcRepair.aspx" > PC Repair < /a > < /li > ""
    < li > < a href = "virus.aspx" > Virus < /a > < /li > ""
    < li > < a href = "email.aspx" > Email < /a > < /li > ""
    < li > < a href = "backup.aspx" > backup data < /a > < /li > ""
    < li > < a href = "wireless.aspx" > wireless < /a > < /li > ""
    < li > < a href = "software.aspx" > software < /a > < /li >
    < li > < a href = "hardwareInstall.aspx" > hardware < /a > < /li > ""
    < li > < a href = "server.aspx" > repair of server < /a > < /li > ""
    < li > < a href = "busConsult.aspx" > Consulting < /a > < /li > ""
    < /ul >
    < /li >
    < li > < a href = "contact.aspx" > Contact < /a > < /li > ""
    < /ul >
    < / div >
    <! - end header - > < / div >

    < div class = "masterBackground" >
    < div id = 'sidebar2' >
    <!-InstanceBeginEditable name = "rightSidebar"->
    < div id = 'sidebar2' >
    < h4 > when your computer is having problems, have a professional to look over your system to update or repair your operating system, programs installed verification and search for viruses and other malware. < / h4 >
    <!-end #sidebar2->
    < / div >
    <! - InstanceEndEditable - >
    <!-end #sidebar2->
    < / div >

    < div id = "mainContent" >
    <!-InstanceBeginEditable name = "main"->
    < div id = "mainContent" >
    < div class = "MarginTopZero" >
    < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9, 0,28,0" width = "580" height = "300" title = "Computer Support" >
    "< param name ="movie"value="images/flash/PCCollage.swf "/ >
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    "" < embed src="images/flash/PCCollage.swf" quality = "high" wmode = "opaque" pluginspage = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type = "application/x-shockwave-flash" width = "580" height = "300" > < / embed > "
    < / object > < / div >
    < h2 > don't not feel lonely when your computer stops.  Computer problems can leave you in the dark about what is wrong.  Help is a call away. < / h2 >
    < h4 > our repair and tune-up service consists of the following: < / h4 >
    update the < /li > < li > operating systems
    updates of operating system < h5 > help the security of the computer and can add features that the manufacturer has worked to make life easier end-user.  Updates as often as every week couple come out on some operating systems. < / h5 >
    audit of programs < li > < /li >
    < h5 > many < a href = "software.aspx" title = "go to our software page" target = "_self" > < /a > applications added over time and can slow down the performance of any PC taking the resources processor and memory, not to mention the hard drive space. " < / h5 >
    < li > Security overlook < /li >
    < h5 > < a href = "virus.aspx" target = "_self" > < /a > anti-virus definitions must be kept up to date. "  Malware, spyware, Trojans and new viruses are always introduced in nature (the internet is a jungle).  Antivirus applications must be updated as well.  Subscriptions to paid suppliers can expire and updates may be trolling for months or even years (I saw happen). < / h5 >
    < li > anti-virus fine tuning < /li >
    < h5 > a lot of antivirus programs is swollen applications and will not stop annoying the user with pop ups and information.  Many users also never know when and how often their antivirus scans. < / h5 >
    browser < /li > < li > configuration
    < h5 > there are literally hundreds of options in the settings of browsers for security and optimization.  Fine these beautiful can in some cases increase surfing speed. < / h5 >
    < li > implementation market & off to the low value < /li >
    < h5 > if your like most people, your PC begins never soon enough.  Get a check full of programs and services which start with your computer and optimize them to increase speed. < / h5 >
    <!-end #mainContent->
    < / div >
    <! - InstanceEndEditable - >

    <!-end #mainContent->
    < / div >
    <! - end masterBackground - > < / div >

    <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
    < %--< br class = 'clearfloat' / >
    -% >
    < div id = "footer" >
    Copyright Mojogar 2010 < /p > < p >
    <!-end #footer--> < / div >
    <!-end #container--> < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
    ->
    < /script >
    < / body >
    <! - InstanceEnd - > < / html >

    CSS:


    @charset "utf-8";

    {body
    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
    padding: 0;
    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
    color: #9FEE00;
    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    do-size: 100%;
    background-color: #333;
    }

    H1 {}
    font size: xx-large.
    Color: #000;
    }

    H2 {}
    font-size: XL;
    }

    H3 {}
    font size: large;
    }

    H4 {}
    font-size: medium;
    }

    H5 {}
    font size: small;
    }

    H6 {}
    do-size: x-small;
    }
    {p}
    font size: xx-small;
    }
    H1, h2 {}
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    }

    H3, h4, h5, h6 {p}
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    }


    Li {}
    make-weight: bold;
    }
    UL {}
    list-style-type: decimal;
    }
    {of the ol
    make-weight: bold;
    }
    a {}
    }


    a: link {}
    color: #FFF;
    }
    a: hover {}
    Color: #333;
    background-color: #6C8CD5;
    }
    a: active {}
    Color: #F00;
    }
    a: visited {}
    color: #FF4848;
    }


    / * This hybrid layout tips
    1. from the lateral columns sizing based on the em is based on the user's default font size, you can be sure graphics in the columns accordingly. Built correctly, it is more accessible to those who need larger font sizes, since the width of the columns remains proportionate. If this is not desirable in your design, just change the width of a pixel size and do not forget to change the margins on the div #mainContent accordingly.
    2. given that the sizing of the side columns in this layout are based on the font size of 100% in the body element, if you decrease the overall size of the text by using a font size: 80% on the body element or the #container, do not forget that the column widths will reduce proportionally. You can increase the size of the margins on the side of the #mainContent div, and their widths to compensate for this.
    3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.
    4. the #container div is not necessary for this layout to the width of 100%. You can use to create columns of fake or to limit the width of the layout.
    5. it is not necessary to have the width of 100% on the #container div since, by nature, a div takes up 100% of the available space. Therefore, here, if you want to reduce the size of the global container - leaving perhaps a bit of margin on each side - is already available for adjustment.
    */
    .thrColHybHdr #container {}
    Width: 780px;
    / * margin: 0 auto;  the margins to the center of the page if necessary (in conjunction with a width) auto * /.
    text-align: left;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    left margin: auto;
    }

    .thrColHybHdr #header {}
    background-color: #C9F76F;
    height: 100%;
    Width: 780px;
    margin: 0px;
    padding: 0px;
    }
    .thrColHybHdr #header h1 {}
    margin: 0;
    padding: 0px;
    }

    / * Sidebar1″ tips:
    1 be aware that if you set a value for the font size on this div, the width of the div will be adjusted accordingly.
    2. as we work in ems, it is preferable not to use the filling in the sidebar itself. It will be added to the width for browsers compatible standards creating a real unknown width.
    3. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule ".thrColHybHdr #sidebar1 p.
    */
    {.thrColHybHdr #sidebar1}
    Width: 13em;
    border-top-width: thick;
    border-top-style: solid;
    border-bottom-color: #C06;
    float: left;
    height: auto;
    }
    {.thrColHybHdr #sidebar2}
    Width: 200px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    float: right;
    }
    H3 *.thrColHybHdr # sidebar1″, p.. thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 .thrColHybHdr #sidebar2 h3 {}
    left margin: 0px; * / / * the left and right margins should be to all of the items that will be placed in the side columns * /.
    / * margin-right: 0px;
    }
    */
    / * MainContent tips:
    1. If you give this div #mainContent a value of different size of the div # sidebar1″, the margins of the #mainContent div will be based on the font size and the width of the div #sidebar1 depend on the size of the font. You can adjust the values of these divs.
    2. the space between the mainContent and sidebar1″ is created with the left on the mainContent div margin regardless of how content div the sidebar1″ contains, the space of the columns will remain. You can remove the left margin if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete.
    3. to avoid falling of float, you may have to test to determine the size of the image/approximate maximum element because this provision is based on the calibration of fonts the user combined with the values that you set. However, if the user has their browser game lower than normal font size, less space will be available in the #mainContent div that you see on the test.
    4. in the Internet Explorer conditional comment below, the zoom property is used to give the mainContent "hasLayout". This avoids several specific IE bugs that may occur.
    */
    {.thrColHybHdr #mainContent
    text-align: center;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    left margin: 0px;
    Width: 580px;
    background-color: #2A 4480;
    color: #C9F76F;
    padding: 0px;
    }
    . {MarginTopZero}
    margin: 0px;
    padding: 0px;
    }

    {.busConslt}
    height: 600px;
    Width: 800px;
    }

    idea {}
    height: auto;
    Width: 100%;
    }


    .thrColHybHdr #footer {}
    padding: 0;
    background-color: #C9F76F;
    margin: 0px;
    }
    .thrColHybHdr #footer p {}
    margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
    padding: 0px; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
    Color: #000;
    }


    / * Various classes for reuse * /.
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    }
    .fltlft {/ * this class can be used to float an element on your page to the left * /}
    float: left;
    margin-right: 0px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    }
    .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
    Clear: both;
    height: 0;
    }
    {#defMainLft}
    Width: 49%;
    float: left;
    text-align: center;
    }
    {#defMainRt}
    Width: 49%;
    float: right;
    text-align: center;
    }
    {.absolRgt}
    position: absolute;
    Top: 0px;
    right: 0px;
    }
    {.relRgt}
    position: relative;
    Top: 0px;
    right: 0px;
    }
    {.defFull}
    position: relative;
    height: 263px;
    Width: 100%;
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #ff4900;
    }
    {.absolLft}
    position: absolute;
    Top: 0px;
    left: 0px;
    }
    {.defFullTop}
    position: relative;
    Width: 600px;
    border-top-width: thick;
    border-top-style: solid;
    border-bottom-color: #000;
    margin: 0px;
    }
    {.tuneUpTop}
    background-color: #000;
    color: #FFF;
    margin: 0px;
    padding: 0px;
    }
    {.contactForm}
    Width: 470px;
    height: auto;
    left: auto;
    right: auto;
    }
    {.borderRight}
    border: medium solid #A62F00;
    margin-top: 0px;
    margin-bottom: 0px;
    left margin: 0px;
    }
    . {MenuVertDiv}
    margin-bottom: 0px;
    Clear: both;
    height: 38px;
    background-color: #A62F00;
    Width: 100%;
    }
    {.masterBackground}
    background-color: #BF5930;
    margin: 0px;
    padding: 0px;
    }

    Your HTML code contains conditional comments for IE.  Try to reduce or remove the extra padding and see if that helps.

    / * place patches css for all versions of Internet Explorer in this conditional comment * /.
    .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
    .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
    / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.

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

  • Gap between the left and right columns. Both floated and checked the meansurements. Help!

    Gap between the left and right columns. Both floated and checked the meansurements. Help!

    Nancy - I think I might have fixed. I'll get back to you. Thank you very much for answering. Sometimes I feel so lonely there.

  • How place of content between the header and tabs?

    I have the header part which must be constant through the portal but below that I have 3 links
    as I AM an employee, employer, broker...

    which showed that in the homepage above the tabs...
    How can I do this...

    How place of content between the header and tabs...: () kindly help...

    Hey djo
    Try these approaches and see if it works.

    1. in the header Section, page footer you shell header and add a Portlet header. This JSP file associated header Portlet will be all static content in the upper part. In the lower part, add these 3 links say right. Show these links only based on certain properties of the query as isHome. Now for the main book House and another page associate a BackingFile. In this backup file in the lifecycle methods preRender or handlePostBack, get BookManager instance and all pages and see which page is active. For this page, see its page definition label which will be always unique. IF the page def label is like home_page_def (it is the wording of the page def you give to the homepage), then set the value of the key in the request as isHome = true property. The only doubt is after book backingfile is triggered, the header needs to be reloaded, because only then can he pick up the attributes of the request.

    2. create a new portlet as HomePageLinks portlet. Its title property is not Visible and other properties of the UI as NoBorder, etc. NoTheme. The associated JSP will be the 3 links you mentioned fixed right. You can use css styles to make it right. Now dropping this portlet in the header Shell box. You have already HeaderPortlet in the upper part, lower than that, you will have this portlet HomePageLinks. Now associate a backup file for this Portlet show, only if the current active page of books is the home page comparing the label def etc. as mentioned above.

    In both scenarios, only concern is when clicked on different Pages, the entire portal is to be made directly from the header at the top. Only then the backup file will be set the key and the portlet HomePageLinks can show or hide as a result.

    Try to raise an event when the user clicks on the homepage. This port listening for that event can be HomePageLinks Portlet. I guess the event mechanism should work regardless of where the portlet is placed. In the event listner, see if you can show/hide this portlet.

    The only challenge is reloaded must section header whenever you click on a tab.

    Start putting a few files of backup and System.out.printlns to see if the header section gets recharged on, click on the tabs.

    These are just my thoughts on the top of my head. Other users of the forum may have better alternatives or a different version of the above approaches.

    Thank you
    Ravi Jegga

  • Why is there a gap between the banner and navigation bar?

    Hi gang,.

    I hope someone can help me. I tried a new layout, but cannot work out why space appears between the banner and navigation bar.

    It seems (at least for me) fill and margins are reset to zero, so I do not understand.

    The url of the temporary page is www.iainmoran.com/new.html

    Thank you very much in advance for your time.

    Iain.

    In your attempt to css:

    #masthead img {}

    display: block;

    }

  • Illegal white space between the header and the body.

    Hello;

    I make a web site that I broke into pieces. A header, fooer, nav and implementation of main body.my and cannot find a way to make it work properly. It only happens in Internet Explorer, it's very nice in all other browsers. Between the cfinclude header.cfm and the body of the page, I have a horizontal white line, I can not make disappear. They should sit tight with nothing in between. I tried css, play with the table for the header and the body, and it's still there.

    Anyone know how to do this, go away? Here is my set to the top:

    It is the code of the page, maybe I'm missing something here?

    < body bgcolor = "#FFFFFF" bottommargin = "3" valign = "top" leftmargin = "0" topmargin = "3" marginWidth = "0" marginheight = "0" onLoad = "preloadImages (); ">
    < div align = "center" >
    "< cfinclude template ="... / header.cfm ">"

    < table width = "849" valign = "top" border = "0" cellspacing = "0" cellpadding = "0" style = "" border-top: none; ">"

    any body content goes here

    < /table >

    "< cfinclude template ="... / footer.cfm ">"

    < / body >

    Here is the table header.cfm:

    < table width = "852" height = "133" border = "0" cellspacing = "0" cellpadding = "0" style = "" border-bottom: none; ">"

    the content of the header is here

    < /table >

    I tried a number of different ways to do this, go away. It's just what happens. Someone has ideas how to make this stop and become close to each other?

    Thank you.

    In addition, you need to add

    Display: block;

    for images in the same row.

    Oh, and if you decide that you don't mind not only user-increases in the mess of text with the appearance size, you can also set the attribute vAlign on 'down' instead of the current "top" for cells in this row.

    --

    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • Keep the content between the header and footer

    Hello

    I have a master page with a header, and the content of the footer "pinned".

    I have also a homepage with a text box a few deep pages.

    In the browser when I page down, the rest of the header and foot which is what I want, but the text box overlaps the header and footer

    How to make it so that this does not happen

    Thank you

    Chris

    Here's a tutorial link on the creation of layers to Muse.

    It is based on an older version of Muse, but all the information and techniques are the same in most recent version.

    Adobe help Muse | Work with layers

  • empty space between the header and table

    The use of Pages 5.6.1 seems be stuck with several inches of space between my head, which took half an hour to learn how to create, and the table below.  I've been using Pages for more than a decade and wonder ' what is happening with me and Pages!  Is this the end?

    Your totally full, and a familiar friend Pages ' 09 v4.3 may very well be you waiting in your Applications: iWork ' 09 file. Use what's familiar and better documented. Pages v5.6.1 is the latest in a bag of 2 years of suffering that has imposed the frustration, loss of features, bugs, and lost time to almost everyone who used it.

  • Published site has a huge gap between the content and the footer

    So I just publish my site and when I watch it after be published, I got a good gap 2 inches between the bottom of the content and the footer.

    I read on a number of bits and pieces and they tell you Colin have a container hidden on the pages that I accepted it completely so I looked and nothing. I thought then it might be a problem with the master page I used, then verified that. Could not see it.

    However when I looked through my site and saw the master pages, I used, I had a mix and some worked and some didn't. IM lost!

    I launch the Sam and is a bit of a pain. Someone had this problem? The preview looks perfect, not sure where this gap comes so im.

    Thanks in advance!

    Hello

    Please check if you have "Sticky footer" option enabled in the properties of the Site.

    If so, please uncheck and then preview your site in a browser.

    In case there still this gap, please provide us with the URL of your Web site so that we can have a look at the issue.

    Kind regards

    Sachin

  • Gap between the sum and more general

    We will look after the operation:
    CREATE TABLE zzz_null_test AS SELECT 1 double value;
    INSERT INTO zzz_null_test 2 SELECT double value;
    INSERT INTO zzz_null_test double Value SELECT NULL;
    COMMIT;

    Can someone tell me why we get the result different by the following statement:
    SELECT MySQL zzz_null_test; -Out 3
    SELECT 1 + 2 + value NULL FROM dual; -The result will be 0

    Thank you
    Suresh

    The aggregate SUM, with many others, function ignores NULL values and calculates their results based on the KNOWN VALUES.

    However,.

    SELECT 1+2+NULL FROM DUAL
    

    Produces a null result (zero not named) because when you add something to a stranger (NULL) you get an unknown value (NULL).

    Quote from the documentation

    All except COUNT (*), and GROUPING aggregate functions ignore NULL values. You can use the NVL function in the argument of an aggregation function to substitute a value for a null value. COUNT never returns null, but returns a number or zero. For all remaining aggregate functions, if the data set has no rows, or contains only the rows with NULL values as arguments to the aggregate function, then the function returns null.

  • How to remove the gap between the text and the box of the accordion?

    See example screenshot of dutchpoetpress.com:

    Example of unwanted gap.png

    Check it please for text overflow, also if there is no empty block or overlapping frame accordion that remove and check.

    Thank you

    Sanjit

  • Horizontal margin/gap between the rank of masthead and buttons

    Hello.  I am new to Dreamweaver CS3 V9.0 and creates a sample page (on an iMac using OSX 10.5.6).) The page seems to work as expected (bearings, a flash loop, etc.) while watching in Safari (v3.2.1) on a Mac, but things seem out of sorts in IE8 on a PC. What's wrong with my code that would create this large "gap" between the header and the touch line (and why aren't my load and preview Flash files)?  Enclosed please find the link to these files and I thank you in advance for any advice you can offer.

    Thank you, too.

    -- 
    
    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • How can I get rid of the white space between my head and my spry navigation bar?

    I have been struggling with a problem for the last 2 days and can't seem to work my way around it. I worked on a page in dreamweaver cs4 that seems to have a space between the header and my spry menu bar ONLY in Firefox. Google Chrome and Safari display it correctly. You could point me in the right direction to get rid of this space. Here is the page: http://www.margaritascafe.com/margaritas_layout.html

    Here's my code and thank you in advance for your help:

    < ! 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 ">
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
    < title > Untitled Document < /title >
    < link href = "margaritastyles.css" rel = "stylesheet" type = "text/css" / > "
    < script src = "Margaritas_temp_spry/SpryMenuBar.js" type = "text/javascript" > < / script > "
    < script src = "Scripts/swfobject_modified.js" type = "text/javascript" > < / script > "
    < link href = "Margaritas_temp_spry/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
    < / head >

    < body >
    < div id = 'wrapper' >
    < div id = "header" >
    < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "1000" height = "250" id = 'FlashID' tabindex = "10" title = "Header of Marguerite 2 coffee" > "
    < param name = "movie" value = "Flash_movies/Margaritas header 3.swf" / >
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "swfversion' value ="9.0.45.0"/ >
    <!-this param tag prompts users with Flash Player 6.0 r65 or later to download the latest version of Flash Player. Delete it if you do not want users to display the prompt. ->
    < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "
    <!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->
    <!-[if! IE] >->
    < object type = "application/x-shockwave-flash" data = "Flash_movies/Margaritas header 3.swf" width = "1000" height = "250" >
    <!-<! [endif]-->
    < param name = "quality" value = "high" / >
    < param name = "wmode" value = "opaque" / >
    < param name = "swfversion' value ="9.0.45.0"/ >
    < param name = "expressinstall" value = "Scripts/expressInstall.swf" / > "
    <!-the browser displays the following alternative content for users of Flash Player 6.0 and higher. ->
    < div >
    < h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >
    " < p > < a href =" http://www.Adobe.com/go/getflashplayer_fr "> < img src = ' http://www.Adobe.com/images/shared/download_buttons/get_flash_player.gif "alt = 'Get Adobe Flash player' width = '112' height ="33"/ > < /a > < /p > "
    < / div >
    <!-[if! IE] >->
    < / object >
    <!-<! [endif]-->
    < / object >
    < / div >
    < div id = "navigation" >
    < ul id = "MenuBar1" class = "MenuBarHorizontal" >
    < li > < a href = "#" > home < /a > < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Menus
    < ul >
    < li > < a href = "#" > lunch < /a > < /li >
    < li > < a href = "#" > dinner < /a > < /li >
    < li > < a href = "#" > Cocktail < /a > < /li >
    < li > < a href = "#" > Take Out < /a > < /li >
    < /ul >
    < /li >
    < li > < a href = "#" > Photos < /a > < /li >
    < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Catering
    < ul >
    < li > < a href = "#" > < /a > < /li > private Party
    < /ul >
    < /li >
    < li > < a href = "#" > book < /a > < /li >
    < li > < a href = "#" > Contact < /a > < /li >
    < li > < a href = "#" > feedback < /a > < /li >
    < li > < a href = "#" > Directions < /a > < /li >
    < /ul >
    < / div >
    < div id = "maincontentlayout3" > the content of id "maincontentlayout3" goes here < / div >
    < div id = "special" > < img src = "png-gif-jpg/Tuesday night features" width = "200" height = "70" alt = "Of Marguerite Tuesday Night Special" / > < img src = "png-gif-jpg/Wednesday features" width = "200" height = "70" alt = "Wednesday 2 for 1 special dinner to Margarita" / > < img src = "png-gif-jpg/Thursday features" width = "200" height = "70" alt = "ladies Thursday evening at the Café of Marguerite" / > < img src = "png-gif-jpg/Friday features" width = "200" height = "70" alt = "TGIF Happy Hour Friday at the Café Margarita"/ > < img src ="png-gif-jpg/Sunday features"width ="200"height ="70"alt ="Sunday Kids Eat Free at the Café of Marguerite!"/ > < / div >
    < div id = "footer" > < img src = "png-gif-jpg/Margaritas Facebook logo.png" alt = "Facebook" width = "40" height = "25" align = "absmiddle" / > < img src = "png-gif-jpg/Margaritas Twitter logo.png" alt = "Logo of Twitter" width = "40" height = "25" align = "absmiddle" / > < img src = "png-gif-jpg/merchantcircle_mini.png" alt = "Logo of merchant circle" width = "63" height = "25" align = "absmiddle" / > < / div >
    < / div >
    < script type = "text/javascript" >
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "Margaritas_temp_spry/SpryMenuBarDownHover.gif", imgRight:"Margaritas_temp_spry/SpryMenuBarRightHover.gif"});})

    ->
    < /script >
    < / body >
    < / html >

    CSS:

    #navigation {margin-top:-3px ;}}

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

  • Help with gaps between the objects.

    Hi, I'm relatively new to illustrator and I have problems to do something very simple, it's probably me who is the cause I guess but I was not able to fix it with the use of Google as I do usually with I had problems.

    First of all here a picture of my problem:

    http://i.imgur.com/HtIj3.PNG

    I want the red boxes to be in contact with the black line, but no matter what I try, there is always the small gap between the decoder and the black line. I tried to keep the CMD and dragging an anchor/path of the box on the path of black lines, but when I release it snaps there where she is now, with the gap.

    The bottom box is very close, but still, there is a slight difference.

    It's a setting somewhere, I need to change? Everything is currently lacking.

    It's really annoying me now so any help would be appreciated, thanks in advance.

    While I agree with Steve and Silkrooster that in this case you don't need 3 objects, in general, you should be able to break the edges of different objects. Probably you have snap to grid of pixels. You can disable it in the transformation Panel when you select your object. New objects, to disable it in the transformation Panel menu.

  • Spacing between the image and the text

    Hello!

    I can't find how to increase the gap between the image and the text. Here is the picture that will explain what I mean:

    2016.01.03_18h12m23s_004.jpg

    Thanks for the reply and your help.

    Kind regards

    Hrvoje

    Open the text wrapping Panel (window > text wrapping) and you will see the distance adjustment controls.

Maybe you are looking for

  • Unusual tab background color

    Hi all I always thought that a tab control on a Panel set to use Windows Visual Style for controls can have two background color of tab pages: Some shade of light gray / white when tabs appear on the top of the control The Panel background color if t

  • Uninstall windows 8 developer preview

    Its pretty impressive and all, but I would like to uninstall it. Tried looking around for a program uninstall, but theres no sign of her. What should I do?

  • HP Officejet Pro 8600 Plus: problem of print head

    Have had this printer for a couple of years without any problems.  All of a sudden getting the message: printhead appears to be missing, not detected, or incorrectly installed. Lived all the recommended diagnostic checks but still a problem. I got it

  • 15454-M6-AC spare air filter

    The guide following hardware installation indicates that air on power filter running 15454-M6 is replaceable, but I can't find a part number for a customer wanting to them. http://www.Cisco.com/c/en/us/TD/docs/optical/hardware/15454install/Guide... "

  • Font size of blackBerry Smartphones

    I have an 8830, is it possible to change the font size when send SMS to someone in particular?


HashFlare