Space Between Image and Table

hi all

 

this age odl question, life of me cannot right.

 

did small website company, fly88.co.za

the problem horizontal image needs above menu (designed in table).

there can't space between two, cannot rid of it!!!

 

below css, , link www.fly88.co.za

 

thanks all!

 

 

@charset "utf-8"; body {     text-align: justify;     background-color: #ffffff;     margin: 0;     padding: 0;     color: #000;     font-family: "century gothic";     font-size: 15px;     line-height: 1.4; } /* ~~ element/tag selectors ~~ */ ul, ol, dl { /* due variations between browsers, it's best practices 0 padding , margin on lists. consistency, can either specify amounts want here, or on list items (li, dt, dd) contain. remember here cascade .nav list unless write more specific selector. */     padding: 0;     margin: 0; } h1, h2 {     margin-top: 0;     /* removing top margin gets around issue margins can escape containing div. remaining bottom margin hold away elements follow. */     padding-right: 15px;     padding-left: 15px; /* adding padding sides of elements within divs, instead of divs themselves, gets rid of box model math. nested div side padding can used alternate method. */     color: #333;} h3, h4, h5, h6, p {     margin-top: 0;     /* removing top margin gets around issue margins can escape containing div. remaining bottom margin hold away elements follow. */     padding-right: 15px;     padding-left: 15px; /* adding padding sides of elements within divs, instead of divs themselves, gets rid of box model math. nested div side padding can used alternate method. */     color: #333; } img { /* selector removes default blue border displayed in browsers around image when surrounded link */     margin: 0px;     padding: 0px;     border-top-width: 0px;     border-right-width: 0px;     border-bottom-width: 0px;     border-left-width: 0px;     border-top-style: none;     border-right-style: none;     border-bottom-style: none;     border-left-style: none; } /* ~~ styling site's links must remain in order - including group of selectors create hover effect. ~~ */ a:link {     color:#fc0207;     text-decoration: underline; /* unless style links extremely unique, it's best provide underlines quick visual identification */ } a:visited {     color: #fc0207;     text-decoration: underline; } a:hover, a:active, a:focus { /* group of selectors give keyboard navigator same hover experience person using mouse. */     text-decoration: none;     color: #900; } /* ~~ container surrounds other divs giving them percentage-based width ~~ */ .container {     width: 840px;     background-color: #ffffff;     margin: 0 auto; /* auto value on sides, coupled width, centers layout. not needed if set .container's width 100%. */ } /* ~~the header not given width. extend full width of layout. contains image placeholder should replaced own linked logo~~ */ .header {     background-color: #ffffff;     font-size: xx-small; } /* ~~ layout information. ~~ 1) padding placed on top and/or bottom of div. elements within div have padding on sides. saves "box model math". keep in mind, if add side padding or border div itself, added width define create *total* width. may choose remove padding on element in div , place second div within no width , padding necessary design. */ .content {     padding: 10px 0; } /* ~~ grouped selector gives lists in .content area space ~~ */ .content ul, .content ol {     padding: 0 15px 15px 40px; /* padding mirrors right padding in headings , paragraph rule above. padding placed on bottom space between other elements on lists , on left create indention. these may adjusted wish. */     font-size: 15px; } td img {     display: block;     text-align: right; } /* ~~ footer ~~ */ .footer {     background-color: #3c3b3b;     border-top-style: solid;     border-right-style: none;     border-bottom-style: none;     border-left-style: none;     border-top-width: medium;     border-right-width: medium;     border-bottom-width: medium;     border-left-width: medium;     border-top-color: #3c3b3b;     text-align: center;     color: #fff; } /* ~~ miscellaneous float/clear classes ~~ */ .fltrt {  /* class can used float element right in page. floated element must precede element should next on page. */     float: right;     margin-left: 8px; } .fltlft { /* class can used float element left in page. floated element must precede element should next on page. */     float: left;     margin-right: 8px; } .clearfloat { /* class can placed on
or empty div final element following last floated div (within #container) if #footer removed or taken out of #container */     clear:both;     height:0;     font-size: 1px;     line-height: 0px; } }

that coding didnt come out great - can find css @ www.fly88.co.za/style.css

More discussions in Dreamweaver support forum

adobe