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

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:

  

  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:

  

  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.