Spacing issues in IE7

Working on a pretty basic template. I started with a
Dreamweaver built-in, then modified it slightly to fit my uses. As
you'll see in IE7 with this URL
http://webriggingsupply.com/Templates/wrs-template-08.dwt
The "Looking for something" in the left yellow bar is lower
than the Main Content to the right. In Safari on Mac, it's lined up
perfectly.
So, my questions:
1. Does IE7 not use the "clip" part of CSS?
2. I have all margins and padding set to 0 on tops of the
DIVS. Does IE not recognize them?
Any suggestions?

You know that this is a template file, right? You know that
it has no
function on the server, right? And you know that those of us
browsing to
your link will only see the page in IE, right?
Your code is very sloppy. For example -
<ul id="p7PMnav"><form id="form1" name="form1"
method="post" action="">
<label></label><img
src="../assets/navgraphics/looking.gif"
alt="Looking" width="144" height="20" />
<label><br />
<input name="search" type="text" id="search" size="16"
/>
</label>
<label>
<input type="submit" name="Submit" id="Submit" value="Go"
/>
</label>
</form>
<li>
You have a form immediately inside a <ul>. And you have
multiple empty
<label> tags. And you have a <label> around the
submit button. And what
are you expecting this clip to do for you?
clip: rect(15px,auto,auto,auto);
Anyhow, it's likely that what you are seeing is an unmanaged
top margin on
the <form> tag combined with an unmanaged top/bottom
margin on the <ul> tag.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"synterx" <[email protected]> wrote in
message
news:gealdh$coe$[email protected]..
> Working on a pretty basic template. I started with a
Dreamweaver built-in,
> then
> modified it slightly to fit my uses. As you'll see in
IE7 with this URL
>
http://webriggingsupply.com/Templates/wrs-template-08.dwt
>
> The "Looking for something" in the left yellow bar is
lower than the Main
> Content to the right. In Safari on Mac, it's lined up
perfectly.
>
> So, my questions:
> 1. Does IE7 not use the "clip" part of CSS?
> 2. I have all margins and padding set to 0 on tops of
the DIVS. Does IE
> not
> recognize them?
>
> Any suggestions?
>

Similar Messages

  • Spry Menu 2.0 issues in IE7..   yes another one!

    I have CS4, and have used the widget browser to create a Spry Menu 2.0 and have imported it to my site. It displays fine in every browser except for IE7. I have been reading a LOT of threads on issues similiar to this one, so I'm prepared to tell everyone I know to upgrade to at least IE8!! However, I would like to fix it if possible. The menu bar is located in an include file and is attached to all my pages through the php function. I have made zero changes to the css code since I imported it into the site.
    I also am wondering why there are two css pages for the menu bar.??
    Any help would be appreciated..
    One of the pages on the site is: michaelandrewshairstudio.com/offers.php
    That page is: ( I have taken out some meta tags and content, but the div's are all still in place.) I also deleted some commented tags by accident when I imported it..
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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>Michael Andrews Hair Salon Offers</title>
    <link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBar.css" rel="stylesheet" type="text/css" />
    <link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
    <script type='text/javascript' src="Spry-UI-1.7/includes/SpryDOMUtils.js"></script>
    <script type='text/javascript' src="Spry-UI-1.7/includes/SpryDOMEffects.js"></script>
    <script type='text/javascript' src="Spry-UI-1.7/includes/SpryWidget.js"></script>
    <script type='text/javascript' src="Spry-UI-1.7/includes/SpryMenu.js"></script>
    <script type='text/javascript' src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js"></script>
    <script type='text/javascript' src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js"></script>
    <link href="CSS/stylesA.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="outerwrapper">
    <div id="header">
    <div id="navbar">
    <?php include("Spry-UI-1.7/includes/SpryMenuBar.php"); ?>
    </div>
    </div>
    <div id="mainbody">
    <div id="logo">
    </div>
    <hr />
    <div id="content">
    </div>
    </div>
    <div id="footer">
    <div id="footernav">
    </div>
    <div id="footertext">
    </div>
    </div>
    </div>
    </body>
    </html>
    SpryMenuBar.css
    #MenuBar  {
    background-color:#333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
                MenuItem, and MenuItemLabel
                at a given level all use same definition for ems.
                Note that this means the size is also inherited to child submenus,
                so use caution in using relative sizes other than
                100% on submenu fonts. */
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    padding:0;
    border-color: #999999 #999999 #999999 #999999;
    border-width:3px;
    border-style: outset outset outset outset;
    /* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
    widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
    in this section. These have very low specificity, so be careful not to accidentally override them. */
    .MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
    display:none;
    .MenuBarLeftShrink {
    float: left; /* shrink to content, as well as float the MenuBar */
    width: auto;
    .MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
    .MenuBarFixedLeft {
    float: left;
    width: 80em;
    .MenuBarFixedCentered {
    float: none;
    width: 80em;
    margin-left:auto;
    margin-right:auto;
    .MenuBarFixedCentered br {
    clear:both;
    display:block;
    .MenuBarFixedCentered .SubMenu br {
    display:none;
    .MenuBarFullwidth {
    float: left;
    width: 100%;
    /* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
    #MenuBar  .MenuItemContainer {
    padding: 0px 0px 0px 0px;
    margin: 0;  /* Zero out margin  on the item containers. The MenuItem is the active hover area.
        For most items, we have to do top or bottom padding or borders only on the MenuItem
        or a child so we keep the entire submenu tiled with items.
        Setting this to 0 avoids "dead spots" for hovering. */
    #MenuBar  .MenuItem {
    padding: 0px 24px 0px 0px;
    background-color:#333333;
    border-width:1px;
    border-color: #cccccc #ffffff #cccccc #999999;
    border-style: none none none solid;
    #MenuBar  .MenuItemFirst {
    border-style: none none none none;
    #MenuBar .MenuItemLast {
    border-style: none none none solid;
    #MenuBar  .MenuItem  .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#cccccc;
    background-color:#333333;
    padding: 6px 15px 6px 39px;
    width: 10em;
    width:auto;
    .SpryIsIE6 #MenuBar  .MenuItem  .MenuItemLabel{
    width:1em; /* Equivalent to min-width in modern browsers */
    /* First level submenu items */
    #MenuBar .SubMenu  .MenuItem {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    font-style: normal;
    background-color:#666666;
    padding:0px 2px 0px 0px;
    border-width:1px;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    /* Border styles are overriden by first and last items */
    border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst {
    border-style: solid solid none solid;
    #MenuBar  .SubMenu .MenuItemFirst .MenuItemLabel{
    padding-top: 6px;
    #MenuBar .SubMenu .MenuItemLast {
    border-style: solid solid solid solid;
    #MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
    padding-bottom: 6px;
    #MenuBar .SubMenu .MenuItem .MenuItemLabel{
    text-align:left;
    line-height:1em;
    background-color:#666666;
    color:#cccccc;
    padding: 6px 12px 6px 5px;
    width: 7em;
    width:auto;
    /* Hover states for containers, items and labels */
    #MenuBar .MenuItemHover {
    background-color: #333333;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: #333333; /* consider exposing this prop separately*/
    color: #ffffff;
    #MenuBar .MenuItemHover .MenuItemLabel{
    background-color: #333333;
    color: #ffffff;
    #MenuBar .SubMenu .MenuItemHover {
    background-color: #666666;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    #MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: #666666;
    color: #ffffff;
    /* Submenu properties -- First level of submenus */
    #MenuBar .SubMenuVisible {
    background-color:#333;
    min-width:100%;  /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
    border-color: #ffffff #ffffff #ffffff #ffffff;
    border-width:0px;
    border-style: none none none none;
    #MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
    top: 100%; /* 100% is at the bottom of parent menuItemContainer */
    left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
         and your personal taste.
         0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
         on MenuItemContainer and MenuItem on the parent
         menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
         the dropdown with the left of the menu item label.*/
    z-index:10;
    #MenuBar.MenuBarVertical .SubMenuVisible {
    top: 0px;
    left:100%;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
    /* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
    #MenuBar .MenuLevel1 .SubMenuVisible {
    background-color: #ffffff;
    min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
    top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
        that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
        vertically 'centered' on its invoking item */
    left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
        negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
        to use px or ems to get the offset you want. */
    /* IE6 rules - you can delete these if you do not want to support IE6 */
    /* A note about multiple classes in IE6.
    * Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
    * giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
    * Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
    * all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
    * problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
    * Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
    * syntax for that. Since IE6 both applies rules where
    * it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
    * So, we put the multiple class rule first. IE6 will mistakenly apply this rule.  We follow this with the single-class rule that it would
    * mistakenly override, making sure the  misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
    * We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
    * the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
    * css style block to make it easy to delete if you want to drop IE6 support.
    * If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
    * The 'SpryIsIE6' class is placed on the HTML element by  the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
    .SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector  */{
    background-color: #333333; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector  */{
    background-color: #666666; /* consider exposing this prop separately*/
    color: #ffffff;
    .SpryIsIE6 #MenuBar .SubMenu .SubMenu  /* IE6 selector  */{
    margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
    SpryMenuBasic.css
    /* SpryMenuBasic.css - version 0.5 - Spry Pre-Release 1.7 */
    /* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
    /* This is the css for a basic Spry 2 MenuBar.
    * The first section is basic layout, and should in general not need to be  modified.
    * The final section of this file specifies images to use for arrows for the menu. These
    * are either down or right-pointing as required by horizonatal or vertical layouts. You
    * can either replace the referenced images with your own, or you can modify these rules to
    * point to your won images.
    * These rules are supplemented by those specified in the OAM file for inclusion in the html document,
    * or alternatively, the file SpryMenuBarBasicSkin.css which is included with this widget. */
    /* Resets for ul and li in menus */
    .MenuBar  .MenuBarView, .MenuBar  .SubMenuView {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    /*** Layout Rules for Basic Menu ***/
    /* Top Level MenuBar
    * Because we float the MenuItemContainers in the MenuBar, we have to make sure the menubar wrapper expands to hold them all.
    * The simplest way is to float the widget wrapper
    .MenuBar { /* overridden by .MenuBarVertical version of this rule */
    float:left;
    width:100%;
    .MenuBarVertical {
    float:left; /* Used to make menubar shirink to fit contents */
    width:auto;
    /* SubMenus */
    .MenuBar .SubMenu {
    display:block;
    position:absolute;
    top:0;
    left:-10000px; /* By default, all non-visible submenus are hidden by moving way to the west */
    padding:0;
    /* First level of submenus - pulls down from horizontal menubar, right from vertical */
    .MenuBar .SubMenuVisible{ /* overridden by .MenuBarVertical version of this rule */
    top:100%;
    left:0px;
    .MenuBarVertical .SubMenuVisible {
    top:0px;
    left:100%;
    /* All submenus below level 1. All pullout to the right */
    .MenuBar .SubMenu .SubMenuVisible {
    display:block;
    position:absolute;
    top:0px;
    left:100%;
    /* MenuItems, MenuItemLabels, and MenuItemContainers */
    .MenuBar .MenuItem {
    display:block;
    text-decoration:none;
    .MenuBar .MenuItemLabel {
    display:block;
    .MenuBar .MenuItemContainer {
    position:relative;
    white-space:nowrap;
    float:left; /* overridden by .MenuBarVertical version of this rule */
    display:block;
    margin:0;
    padding:0;
    .MenuBarVertical .MenuItemContainer {
    float:none;
    .MenuBar .SubMenu .MenuItemContainer {
    float:none;
    /* Layout Rules needed by IE6 - excluded from other browsers */
    .SpryIsIE6 .SubMenu .SubMenu {
    width:100px;
    height:1%;
    .SpryIsIE6 .MenuBar .SubMenuVisible .SubMenuVisible {
    width:auto;
    /* End Layout section */
    * Arrows - This section specifies arrow images for a submenu dropdowns in Basic SpryMenu.
    .MenuBar .MenuItemLabel{
    background-image:none;
    /* For all arrows used here, we depend upon the image to push itself away from right edge, or the user can add right padding to the MenuItem */
    .MenuBar .MenuItemWithSubMenu .MenuItemLabel{
    background-image:url("images/ArrowMenuDownGrey.gif");
    background-position:right center;
    background-repeat:no-repeat;
    .MenuBar .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
    background-image:url("images/ArrowMenuDownWhite.gif");
    background-position:right center;
    background-repeat:no-repeat;
    .MenuBarVertical .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
    background-image:url("images/ArrowMenuRight.gif");
    background-position:right center;
    background-repeat:no-repeat;
    .MenuBarVertical .MenuItemWithSubMenu .MenuItemLabel{
    background-image:url("images/ArrowMenuRight.gif");
    background-position:right center;
    background-repeat:no-repeat;
    .MenuBar .SubMenu .MenuItemWithSubMenu .MenuItemLabel{
    background-image:url("images/ArrowMenuRight.gif");
    background-position:right center;
    background-repeat:no-repeat;
    .MenuBar .SubMenu .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
    background-image:url("images/ArrowMenuRight.gif");
    background-position:right center;
    background-repeat:no-repeat;
    /* IE6 rules for Arrows */
    .SpryIsIE6 .MenuBar .MenuItemWithSubMenuHover .MenuItemLabel{
    background-image:url("images/ArrowMenuDown.gif");
    background-position:right center;
    background-repeat:no-repeat;
    .SpryIsIE6 .MenuBarVertical .MenuItemWithSubMenuHover .MenuItemLabel{
    background-image:url("images/ArrowMenuRight.gif");
    background-position:right center;
    background-repeat:no-repeat;
    .SpryIsIE6 .MenuBar .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel{
    background-image:url("images/ArrowMenuRight.gif");
    background-position:right center;
    background-repeat:no-repeat;

    I love your subject line
    Spry Menu 2.0 issues in IE7..   yes another one!
    It is us as designers/developers that need to create websites for all current browsers. No sense in blaming the browsers, although in this case we could blame Spry Menu 2.0.
    Problem with that is that Spry Menu 2.0 has been successfully tested in all modern browsers.
    This leaves us with just one possibility, the designer/developer has erred somewhere along the line. After having checked the support files (JS and CSS) and looked at the markup, we now go to the constructor and see the following
    var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
        widgetID: "MenuBar",
        widgetClass: "MenuBar  MenuBarLeftShrink",
        insertMenuBarBreak: true,
    A comma after the last value.
    I also am wondering why there are two css pages for the menu bar.??
    One is the standard CSS for the menubar and under normal circumstances, should not be touched; the other is for the convenience of the designer/developer so that he/she can tweak the menubar to suit. If you wish, you can combine both. In all cases, keep in mind that the CSS for the standard (basic) menubar should come first, so that the other CSS can override the first.
    This needs to be corrected in your document
    Gramps

  • Smartform font spacing Issue when using SAP printer name

    Hi Friends,
    I am facing some spacing issues when printing a form using SAP printer name. If I use LOCL then the output comes perfectly but when I use the SAP printer name the space between characters are getting widened and so the alignment of each column goes wayward. I suspect it could be due to the device type but not sure which seeting controls this. There is a similar problem in the logo as well. When using LOCL the logo comes out good but when using the printer name the quality is not good and becomes pixelised. Have any of you faced similar issues? Can you provide some guidance or pointers for the solution.
    Device type of LOCL : ZSAPWIN
    Device type of SAP printer name :  ZHPLJ5
    CPI is defined in smartform as 10.
    Please let me know if you need more information.
    Thanks,
    Praveen

    Hi,
    This problem occurs because the printer driver for both the printers are different,
    I suggest you use Local printer only or configure any other printer with printer diver in SAP as SAPWIN.
    Regards,
    Bharat.

  • Font spacing issues

    Have run into an interesting issue that I haven't been able to get to the bottom of.
    The font in question is "Century Gothic", a fairly well-known and used font. When using the "regular" setting, everything seems to space out just fine. But if I attempt to use Bold, Italics, or Bold Italics, the character spacing goes nuts:
    Here is a bit of test text in Pages:
    Here is the same text (copy/pasted) into a Word 2011 document:
    Of particular interest is that when either is printed - they print exactly as they look on-screen, complete with spacing issues.
    Also notice that the "Bold" doesn't appear as "bold" in the Word document, but spacing is much better. 
    Any suggestions what might be the issue?

    For your “Century Gothic” font, there may exist, typographic hints that Pages needs enabled for this font to achieve the correct visual presentation. Type ⌘+T to bring up the Fonts panel. Select the gear pull-down and select Typography. Perhaps the Pages and TextEdit teams have digressed in their design goals.
    A pop-up panel will offer a (variable by font) list of available settings, or none.

  • Spacing Issues and You Tube embed not playing in IE8, OK in Chrome or Safari

    There are spacing issues (makes the website pages look like they are puzzle pieces) on all the webpages in
    IE8, but in Safari and Chrome the website works fine.  Same for the You Tube embed.
    My wife did the layout of the website in Ilustrator and then transfered over the design to Dreamweaver CS3
    (she's a graphic designer - I stopped asking questions long ago).  Since she uses a Mac, it looked fine to her
    in Safari.  She took it to her work computer (PC) and tried to see if there were any issues detected when viewing in CS5
    and she said it was fine.
    Here is the URL: [url deleted by host]
    here is the index file code (main page):
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
    <head>
    <title>Columbus Tile and Grout Cleaning Experts</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <style type="text/css">
    <!--
    .style1 {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10px;
                color: #FFFFFF;
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <link href="borderstlye.css" rel="stylesheet" type="text/css">
    </head>
    <body bgcolor="#002654" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="MM_preloadImages('images/cleaning_b.jpg','images/sealing_b.jpg','images/repair_b. jpg','images/restore_b.jpg','images/about_g.jpg','images/cities_g.jpg','images/black_email .jpg')">
    <!-- ImageReady Slices (index.ai) -->
    <table id="Table_01" width="720" height="575" border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                            <td colspan="7" align="left" valign="top">
                                        <img src="images/index_01.jpg" width="720" height="73" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="73" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="13" align="left" valign="top">
                                        <img src="images/index_02.jpg" width="46" height="502" alt=""></td>
                            <td colspan="6">
                                        <a href="about_contact.html"><img src="images/index_03.jpg" alt="" width="674" height="24" id="Image5" onmouseover="MM_swapImage('Image5','','images/about_g.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="24" alt=""></td>
                </tr>
                <tr>
                            <td align="left" valign="top">
                                        <a href="cleaning2.html"><img src="images/index_04.jpg" alt="" width="90" height="95" id="Image1" onmouseover="MM_swapImage('Image1','','images/cleaning_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td rowspan="11">
                                        <img src="images/index_05.jpg" width="109" height="445" alt=""></td>
                            <td colspan="3" rowspan="4" align="left" valign="top">
                                        <img src="images/index_06.jpg" width="226" height="215" alt=""></td>
                <td rowspan="4">                    <a href="mailto:info@urldeleted by host]><img src="images/index_07.jpg" alt="" width="249" height="215" class="border" id="Image7" onmouseover="MM_swapImage('Image7','','images/black_email.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="95" alt=""></td>
                </tr>
                <tr>
                            <td>
                                        <img src="images/index_08.jpg" width="90" height="16" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="16" alt=""></td>
                </tr>
                <tr>
                            <td align="left" valign="top">
                                        <a href="sealing.html"><img src="images/index_09.jpg" alt="" width="90" height="93" id="Image2" onmouseover="MM_swapImage('Image2','','images/sealing_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="93" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="2">
                                        <img src="images/index_10.jpg" width="90" height="16" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="11" alt=""></td>
                </tr>
                <tr>
                            <td colspan="3" rowspan="5" align="left" valign="top">
                                        <div><script type="text/javascript">
    AC_AX_RunContent( 'height','181','width','226','src','http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999&b order=1','type','application/x-shockwave-flash','allowscriptaccess','always','allowfullscr een','true','movie','http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3 a3a&color2=0x999999&border=1' ); //end AC code
    </script><noscript><OBJECT height="181" width="226"><PARAM name="movie" value="http://www.youtube.com/v/UjTfSuPyhf0&amp;hl=en_US&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&a mp;color2=0x999999&amp;border=1"><PARAM name="allowFullScreen" value="true"><PARAM name="allowscriptaccess" value="always">
                                             <embed
                src="http://www.youtube.com/v/UjTfSuPyhf0&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999&b order=1"
                type="application/x-shockwave-flash" allowscriptaccess="always"
                allowfullscreen="true" width="226" height="181">            
                </embed></OBJECT></noscript></div>
                </a></td>
                            <td rowspan="4" align="left" valign="top">
                                        <img src="images/index_12.jpg" width="249" height="128" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="5" alt=""></td>
                </tr>
                <tr>
                            <td align="left" valign="top">
                                        <a href="repair.html"><img src="images/index_13.jpg" alt="" width="90" height="92" id="Image3" onmouseover="MM_swapImage('Image3','','images/repair_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="92" alt=""></td>
                </tr>
                <tr>
                            <td>
                                        <img src="images/index_14.jpg" width="90" height="18" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="18" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="3" align="left" valign="top">
                                        <a href="restoration.html"><img src="images/index_15.jpg" alt="" width="90" height="92" id="Image4" onmouseover="MM_swapImage('Image4','','images/restore_b.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="13" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="3" align="left" valign="top">
                                        <a href="about_contact.html"><img src="images/index_16.jpg" alt="" width="249" height="102" id="Image6" onmouseover="MM_swapImage('Image6','','images/cities_g.jpg',1)" onmouseout="MM_swapImgRestore()"></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="53" alt=""></td>
                </tr>
                <tr>
                            <td rowspan="2" align="left" valign="top">
                                        <a href="url deleted by host]" target="_blank"><img src="images/index_17.jpg" width="88" height="49" alt=""></a></td>
    <td rowspan="2">
                                        <img src="images/index_18.jpg" width="47" height="49" alt=""></td>
                            <td rowspan="2" align="left" valign="top">
                                        <a href="url deleted by host" target="_blank"><img src="images/index_19.jpg" width="92" height="49" alt=""></a></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="26" alt=""></td>
                </tr>
                <tr>
                            <td>
                                        <img src="images/index_20.jpg" width="90" height="23" alt=""></td>
                            <td>
                                        <img src="images/spacer.gif" width="1" height="23" alt=""></td>
                </tr>
                <tr>
                            <td width="674" height="33" colspan="6" align="left" valign="top" bgcolor="#FFFFFF"><span class="style1">Your tile and grout cleaning, restoration, and repair experts. Some of the cities serviced: Columbus, GA; Fortson, GA; Hamilton, GA; LaGrange, GA; Midland, GA; Pine Mountain, GA; Phenix City, AL; Smiths, AL; Auburn, AL.</span></td>
    <td>
                                        <img src="images/spacer.gif" width="1" height="33" alt=""></td>
                </tr>
    </table>
    <!-- End ImageReady Slices -->
    </body>
    </html>
    Please help!

    Please note my anti-virus program is warning me that your website is harmful.  Please correct it immeidately or your link will be removed from Adobe's forum.
    This is what F-Secure says:
    <http://browsingprotection.f-secure.com/swp/result?url=http%3A%2F%2Fwww.cleaningsolutionsun limited.com%2F&lang=ENG>
    This is what Mcafee says about your site:
    <http://www.siteadvisor.com/sites/http%3A//www.cleaningsolutionsunlimited.com/>
    Good luck.

  • Spacing Issue MSIE 8 vs Firefox 3.6

    This page has VERY pretty ugly code, I know. It's a page nested within a Miva Merchant 4.24 framework. I'm hoping to clean it up later, since this is only day one.
    But I've embedded all the CSS code in the page for the time being and I'm hoping someone can help me reconcile spacing issues between MSIE 8 and Firefox 3.6
    http://dev.personaldefensesolutions.net/Merchant2/merchant.mvc
    In MSIE, there is about 20px of white space above the header that does not appear there in Firefox. I have zeroed out margin and padding in the body tag which I thought would take care of it but has not.
    At the same time, in Firefox, there is some white space above the first of the green buttons in both the left and right columns, which I how I want it. But that space does not occur in MSIE. The buttons touch the black nav bar above them.
    If anyone has any ideas, I'd sure be appreciative of the input.
    Thanks,
    Scott

    Assuming I applied it correctly? I believe I did.
    Here's how I applied it:
    #LeftColumn {
         width: 180px;
         background-color: #FFF;
         padding-right: 15px;
         padding-bottom: 0px;
         padding-left: 20px;
         padding-top: 0;
         margin: 0;
         border-right-width: 1px;
         border-right-style: solid;
         border-right-color: #008000;
         border-top-width: 1px;
         border-top-style: solid;
         border-top-color: #FFF;
    #RightColumn {
         width: 180px;
         background-color: #FFF;
         padding-right: 20px;
         padding-bottom: 0px;
         padding-left: 15px;
         padding-top: 0;
         margin: 0;
         border-left-width: 1px;
         border-left-style: solid;
         border-left-color: #008000;
         border-top-width: 1px;
         border-top-style: solid;
         border-top-color: #FFF;
    I think that's right, though, as I said, I'm a CSS and Dreamweaver newbie. But in MSIE 8, the
    spacing issue isn't resolved, though you can see both white borders..
    http://dev.personaldefensesolutions.net/Merchant2/merchant.mvc

  • Spacing Issues in Email

    I'm having a spacing issue to the left of an image in an e-mail for a client.  I can't seem to recreate the error.  She's using gmail in chrome on a mac.  She's seeing about a 1 pixel space between the two images in the code below.  They're in the same table row, but separate cells. I can't seem to figure out what's causing this.  Any ideas?
    <table cellspacing="0" cellpadding="0" border="0" class="dashedBorder">
              <tbody>
                        <tr>
                                  <td style="font-family: Arial; font-size: 13px;"><img width="367" vspace="0" border="0" hspace="0" height="88" mdid="08873ca5-8816-47f3-be05-9424ba59e863" alt="" title="" src="http://image.emarketerpro.skylinetechnologies.com/lib/fe6d15707660057c7d14/m/10/CCE_ComeBa ck_CWL-RTFL_02.jpg" style="display: block; width: 367px; height: 88px;" /></td>
                                  <td style="font-family: Arial; font-size: 13px;"><a conversion="false" alias="Click here to visit CASE online." title="Click here to visit CASE online." href="http://www.casece.com/en_us/Pages/home.aspx"><img width="233" border="0" height="88" mdid="a80101e3-1da0-4264-b39b-c7883a7f1f31" style="display: block; width: 233px; height: 88px; border-color: rgb(0, 0, 0); margin: 0px;" src="http://image.emarketerpro.skylinetechnologies.com/lib/fe6d15707660057c7d14/m/10/CCE_ComeBa ck_CWL-RTFL_03.jpg" title="Click here to visit CASE online." alt="Click here to visit CASE online." /></a></td>
                        </tr>
              </tbody>
    </table>

    You may need to add:
    <style type="text/css">
    a img {
        border: none;
    </style>
    in the email header.
    My two cents on using DW to design fancy decorated emails:
    These questions about styling emails always baffle me because most web based email (gmail, operamail, hotmail) tosses styling out anyway, and if (like I do) someone uses Thunderbird, images are disabled by default and the end user has to choose to display them, so all the effort (not to mention frustration) to design something so fancy simply goes to waste on most recipients. In the end, more often that not, I've seen people scrap the whole thing once they figure out it didn't have nearly the desired impact.

  • Jumbled text and spacing issues when creating a pdf

    When I create pdfs from FrameMaker 9 or Word 2007 files, Acrobat 9 Pro often transposes characters or modifies the spacing between characters. Can anyone help?

    I modified the settings according to the help page. I then built 5 pdfs and did not see evidence of the letter jumbling or spacing issues. Since this issue is intermittent, I cannot confirm that the problem is solved, but I am hopeful!

  • Spacing issue in alternate browsers

    Our website is having an odd spacing/text issue which I can't
    seem to figure out. When the pages load in IE everything loads
    correctly, but if the site is viewed in an alternate browser (like
    Mozilla) there are giant spaces between sections, and the font
    sizes on some pages are changing. This all started after we applied
    a new template to the site for our menus so I know it’s a
    problem with the code. I have gone through the code on several of
    the pages and the template, and I can't seem to find the cause. I'm
    still pretty new to Dreamweaver and CSS so it might be an obvious
    error.
    The page in question is
    http://www.fcwp.org (spacing issues)
    and
    http://fcwp.org/MOSQUITO%20INFORMATION/mosquito_information.htm
    (text becomes very small). All the pages use the same template so
    fixing one should fix all.
    Any help will be greatly appreciated!

    FCWP posted in macromedia.dreamweaver:
    > Our website is having an odd spacing/text issue which I
    can't seem
    > to figure out. When the pages load in IE everything
    loads
    > correctly, but if the site is viewed in an alternate
    browser (like
    > Mozilla) there are giant spaces between sections, and
    the font
    > sizes on some pages are changing.
    [snip]
    > The page in question is
    http://www.fcwp.org (spacing issues)
    and
    >
    http://fcwp.org/MOSQUITO%20INFORMATION/mosquito_information.htm
    > (text becomes very small).
    I'm not seeing those symptoms here on FF2 Windows.
    The first step to getting browsers to render (nearly) the
    same way is
    to tell them exactly how to interpret the code. Try adding
    the DOCTYPE
    via File->Convert->HMTL 4.01 Strict (or Transitional).
    Next, provide valid HTML code. If you enter either of the
    above URLs at
    http://validator.w3.org you will
    see many errors. Some will go away
    after inserting the DOCTYPE.
    > <TD height="95" colSpan=2 bgColor=#336633><IMG
    height=89
    That's one the errors listed in the validator that the
    DOCTYPE won't
    fix. Use quotes around the colors: "#336633"
    Mark A. Boyd
    Keep-On-Learnin' :)

  • Spacing issues

    Hi, I'm having spacing issues. The space between the title "why movement foundation exists" and the top of the photo is correct in muse- but when i publish or preview in browser, it adds several pixels in between those two. I can't figure out how to fix it. It is doing it on other areas of the page too. Check www. movementfoundation01.businesscatalyst.com - and the attached screenshot is what I see in muse. I've already checked the scrolling fx and there aren't issues there.

    Hi Brittney,
    I checked your site in multiple browsers and see that is appears like the screen shot that you have provided above. I am attaching a screen shot too here, http://prntscr.com/3lzrp9
    This could be an issue with your local browser, please check this on a different machine/browser.
    - Abhishek Maurya

  • IE6 div spacing issue

    Ok, I've been searching the net for days now trying to figure
    this out. I've tried several fixes, including setting
    vertical-align,
    display:block, and
    margin &
    padding properties on the divs.
    The issue is that I'm creating a box that has a rounded top
    and bottom to it, provided by background images in the associated
    divs. FF/IE7 work fine (of course) but IE6 generates weird spacing
    between the divs.
    You can find the example at
    http://www.ryanburrell.com/test.html
    http://www.ryanburrell.com/test.html">http://www.ryanburrell.com/test.html
    Any thoughts or suggestions are greatly appreciated.

    It seems the problem here is that in IE6, the empty div is
    still being seen as having something in it. So it treats it as if
    there were text in there so the height is not 10px, it is 20px or
    so. Your background is only 10px heigh so that is why you are
    seeing the white. Try using overflow:hidden; on those divs and it
    should go away.

  • Dynamic Text line spacing issue

    Hi, in my Flash movie (CS3) I want all text to be selectable.
    When I select 'static' and 'selectable', I have the following issues:
    - Some of the text does not fit into the available (scrolling required to see the end of text)
    - This is larger than when in Flash.
    When I use 'dynamic' text, I have the following issues:
    - The line spacing displays different in the exported swf than it does in Flash (line spacing is much greater in the swf)
    - I am a designer so the appearance / positioning of the text is crucial
    Is this common?
    Is there any way to make the text in Flash and swf appear consistent?
    Many thanks

    First of all, maybe you don't know it, but static text can't be made selectable even in theory. Therefore what you're seeing when you click "Selectable" option, is a dynamic text. As for line spacing, I don't see any difference between Flash CS4 and resulting SWF. The only strange thing I've found is the necessarity to enlarge the bounding rectangle when I change the text type from static to dynamic. Otherwise bottom line of text just disappears. It looks like a bug. Also I don't see "Autosize" option being working here in CS4. I doubleclick on bottom right corner of the text block, small square is transformed into a diamond, and bounding rect is "autosized" around the text block. But the bottom text line disappears just as I deselect the text object. All it looks some stange...

  • Dreamweaver CS4 Code Letter Spacing Issue

    Hello,
    I am currently running Adobe Dreamweaver CS4 on my Macbook Pro. We use it on a daily basis to keep our corporate website up-to-date. During the past few weeks, we have developed a very odd issue in the DW code editing pane. The letter spacing is completely off, which is odd considering that the font is monospaced. A large space will appear between characters even though no space is actually there. I have included a screenshot below of some new code I recently entered. Notice the space between the form names and the apostrophes. It appears as though there is one space between the name and the apostrophe, however there is none. The code still works fine, but this becomes very frustrating when attempting to enter new code.
    I should also mention that none of my code developed prior to approximately two weeks ago has been effected. Only when I attempt to enter new code is the spacing effected.
    Is this a known issue? Any ideas of what could be going on?
    Any input would be greatly appreciated.
    Thanks!
    Jon

    Oh, you're welcome!
    I know, so many of these things you don't find with a cursory review of menu-items and preferences. Then when you need them, you might not have noticed them first time through.
    That's one reason I like the Forums: you learn things you didn't know you needed to know...
    I've noticed that system fonts change from system to system, and sometimes you "lose" a font when you go to a new computer.
    Best,
    Beth

  • CSS Menu hover issue in IE7

    Hi all,
    I've created a CSS based drop down menu for this site:
    http://www.elizabethgorcey.com.
    In IE7 the menus don't drop down. They pop up and cover the parent
    item they are supposed to descend from. Can anyone tell me why this
    is and how to fix it?
    Thanks,
    John

    On Sat, 19 Jul 2008 01:21:08 +0000 (UTC), "John Ciccolini"
    <[email protected]> wrote:
    >Hi all,
    > I've created a CSS based drop down menu for this site:
    >
    http://www.elizabethgorcey.com.
    In IE7 the menus don't drop down. They pop up
    >and cover the parent item they are supposed to descend
    from. Can anyone tell
    >me why this is and how to fix it?
    > Thanks,
    > John
    Seems to work ok in IE7 for me. But not in IE6 ! ?
    works ok in Safari & Opera - and FF of course
    I popped the code into Dw and ran the compatibility check and
    says
    there is a problem with IE6 - Expanding box problem
    Googled it - and not sure that is 100% correct - but it might
    be a
    steer........ ?
    minor css issue - which I doubt affects the problem ?
    #breastpumpposter {
    position: relative;
    top: 0px;
    padding-top: -3.5em;
    margin-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    padding-top cannot be negative
    ~Malcolm~*...
    ~*

  • UPK player issues in IE7 and IE8

    Hi,
    I'm getting different results on four different computers when I launch our UPK 11.1 player in IE8 and IE7. One machine running IE8 runs just fine, but another running also IE8 launches the the UPK player with a very small frame height in the righthand pane (where the playback modes are) that's truncating the content. Another machine running IE7 has a similar issue. I've tried a number of workarounds, but I haven't had any luck so far. Safari, Firefox and IE9 seem to work fine. Has anyone experienced something similar with UPK 11.1 playback in different IE browsers? Any idea what the cause might be?
    Thanks.
    Rich

    Hi Rich,
    To add to your solution:
    Holding the <CTRL> key and using your wheel on a wheel mouse provides the ability to zoom in / out on your browser (when rotated forwards and backwards). You must ensure that your browser has mouse focus in order to do this.
    Regards,
    Greig
    Edited by: Greig on Sep 12, 2012 8:25 AM

Maybe you are looking for