Adding a space after breadcrumb menu

Hi,
Is there a way to add a space/blank line after my breadcrumb menu? Right now, it is directly above my first section on the page and it looks kind of bad. I can't figure out where to edit this.
Thanks in advance,
Nora

Nora,
First, you want to determine what region position the menu is placed in. Then, look for that region position in the page template that's being used by your application. When you find it, you can adjust the HTML around it to your taste.
Sergio

Similar Messages

Removing white space after Spry Menu Bar...

I having a bit of a problem trying to remove a little white space after my Spry Menu bar, when I set it to 8.6em theres a little white space, when I set the width to 9.7 it goes too far, I changed it to 137 pixels, however in Firefox and IE, it messes up the layout.
Also what do you do if there a different browsers, where some layouts are out of place, do you need to detect the browser with JS?

The website is not live yet, everything is stored locally so heres the code: -
HTML: -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="website_style.css" />
<title>My Website</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="banner"></div>
<div id="menu">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a>      </li>
      <li><a href="#">Personal Profile</a></li>
      <li><a href="#">Education</a>      </li>
      <li><a href="#">Work Experience</a></li>
      <li><a href="#">Skills</a></li>
      <li><a href="#">Additional Info.</a></li>
      <li><a href="#">Referees</a></li>
    </ul>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
CSS: -
@charset "utf-8";
/* CSS Document */
body{
    background-size:auto;
    background-repeat:no-repeat;
    background-color:#967255;
    padding: 5px;
#wrapper {
    width:968px;
    background: #FFF;
    padding-left:0px;
    padding-right:0px;
    overflow:hidden;
    height: auto;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    margin:0 auto;
#wrapper #banner {
    background-image:url(banner.gif);
    height: 100px;
    width: 968px;
    margin-left: auto;
Spry Menu CSS: -
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    font-family: abeatbyKai;
    height: auto;
    background-image: url(../paper.gif);
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8.68em;
    float: left;
    height: 3em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0em;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0em;
    padding-bottom: 0;
    padding-left: 0px;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #EEE;
    color: #333;
    text-decoration: none;
    background-image: url(../paper.gif);
    padding-top: 0.5em;
    padding-right: 0.75em;
    padding-bottom: 1.5em;
    padding-left: 0.75em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #33C;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image 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: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image 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: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;

Quicktype adding a space after the selected word.

Does anybody know if the following can be disabled / adjusted or overcome in any way?
If you accept the suggested word then a space is automatically added after the word. If you then wish to add a full-stop, (sorry, "insert a period"!!) comma, exclamation mark etc you have to backspace to the end of the word.
Not earth-shatteringly important nor difficult I know but seriously annoying!

Amazing!
I was about to ask the very same question as neo680.
The solution is so simple, I would never have thought of it.
Thank you very much!

RH8 After conversion, added space after conditional tag phrase

We just installed RoboHelp 8. After converting my 3 projects from RH7 to RH8, the system added spaces in between words of a condtional build phrase. That's great since it's much easier to see the words -- that was an improvement over version 7.
However, it's also adding a space after the conditional build phrases, which is incorrect. It adds a space before a comma, adds a space before a period if the conditional build phrase occurs at the end of the sentence, etc. But it doesn't look like it does this in every case...I'm not sure why it did this, but it only happened after the conversion to 8.
The generated help appears as in the example below. Note the space before the period in the first sentence and the space before the comma in the second sentence. It has done this on quite a few pages.
Customer Definition Detail
This page allows you to add a new customer or to edit an existing customer . If you are adding a customer , you must complete the detail information and then save it.
Tried to upload the example of conditional build phrase, but it's not letting me.
Thank you in advance for any help you can offer. This would be a lot to manually repair, so I'm hoping someone knows of a way to fix this using a setting.

Thanks for your posts.
After trying everything I could think of the only thing that resolved the issue was replacing any instance of back-to-back conditional text followed by any punctuation with two sentence exactly the same except for the conditional choice.
For example, the original sentence (color indicates conditional build tag):
     For customersmembers, this field indicates transaction limits.
would be changed to these two sentences:
     For customers, this field indicates transaction limits.
    For members, this field indicates transaction limits.
I'll submit this as a RoboHelp 8 bug in the forums (if it hasn't already been submitted).

InCopy GREP: how can I search for a single space after a sentence?

In the Find/Change box in InCopy, there's a preset GREP command: "Multiple Space to Single Space." In the books I'm working on, we need to do the opposite. I know I should learn regular expressions, and I'd like to, but frankly I'm pressed for time, so here's my question:
What is the exact regular expression I should paste into the Find/Change box to find single spaces before sentences?
Thanks!

In Find, in the GREP area, you need to enter
Find What: \. \S
backslash-period = find a period
tap the spacebar for a space ...there's a space after the period above
backslash-cap S = not whitespace
If you want to change it to two spaces after a period, group the Find expression so you can replace the Found text in the Change to field.
Find What: (\. )(\S)
Change To: $1 $2
(I added a space after $1 so IC adds a second space after the period)
AM

Adding Space after ## in description

Hi
I have a requirement where for example-
Text field has letter as ## in description - material number is ##5This is ok.
I have to change the above description as- material number is ## 5This is ok.
That is if there is no space after ## , we have to add a space in the description.
Please provide me ABAP code for that.
Regards
Deep

" do this first so that if there is a space it will not show double spaces
replace '## ' with '##' into maktx.
" then do this
replace '##' with '## ' into maktx.

Space after negating exclamation mark

Hi, is it possible to add a space after a negating exclamation mark in the code formatting rules such as:
if (!true) {} <- I don't want this style
if (! true) {} <- I do want this
I think that the Tools -> Options -> Text Editor settings give me quite limited choices when it gets to customizing your code formats. I want to do this for JavaScript if that matters.

The ! means that iPhoto has lost the link to the actual images
i
Option 1
Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild. Choose to Repair Database. If that doesn't help, then try again, this time using Rebuild Database.
If that fails:
Option 2
Download iPhoto Library Manager and use its rebuild function. (In early versions of Library Manager it's the File -> Rebuild command. In later versions it's under the Library menu.)
This will create an entirely new library. It will then copy (or try to) your photos and all the associated metadata and versions to this new Library, and arrange it as close as it can to what you had in the damaged Library. It does this based on information it finds in the iPhoto sharing mechanism - but that means that things not shared won't be there, so no slideshows, books or calendars, for instance - but it should get all your events, albums and keywords, faces and places back.
Because this process creates an entirely new library and leaves your old one untouched, it is non-destructive, and if you're not happy with the results you can simply return to your old one.
Regards
TD

Contents of page not displaying in IE, after Spry Menu Bar 2.0

Entire page displays in Firefox, Safari, Chrome. But in IE, nothing appears after the menu bar. Here's the link, and the code to follow:
http://nowagenewmedia.com/organica/
Code:
<!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>Organica Natural Foods</title>
<link href="basic.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
    these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
     These assume the following widget classes for menu layout (set in a preset)
    .MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
    .MenuBarVertical - vertical main bar; all submenus are pull-right.
    You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
    They only apply to horizontal menu bars:
        MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
        MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
        MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
        MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
                        and centered in its parent container.
        MenuBarFullwidth - Grows to fill its parent container width.
    In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
    with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
    there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
    background-color:#003300;
    font-family: "Lucida Sans Unicode", "Lucida Grande", 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: bold;
    font-size: 12px;
    font-style: normal;
    padding:0;
    border-color: #999999 #999999 #999999 #999999;
    border-width:0px;
    border-style: solid solid solid solid;
/* 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: 900px;
.MenuBarFixedCentered {
    float: none;
    width: 900px;
    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 0px 0px 0px;
    background-color:transparent;
    border-width:1px;
    border-color: #cccccc #ffffff #cccccc #ffffff;
    border-style: none solid none solid;
#MenuBar .MenuItemFirst {
    border-style: none none none none;
#MenuBar .MenuItemLast {
    border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
    text-align:center;
    line-height:1.4em;
    color:#ffffff;
    background-color:transparent;
    padding: 6px 19px 6px 19px;
    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: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    background-color:transparent;
    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:transparent;
    color:#ffffff;
    padding: 6px 12px 6px 5px;
    width: 7em;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
    background-color: transparent;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
#MenuBar .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #999999;
#MenuBar .SubMenu .MenuItemHover {
    background-color: #003300;
    border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
    background-color: transparent;
    color: #999999;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
    background-color: #003300;
    min-width:0%; /* 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: #003300;
    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: transparent; /* consider exposing this prop separately*/
    color: #999999;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
    background-color: transparent; /* consider exposing this prop separately*/
    color: #999999;
.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 */
/* EndOAWidget_Instance_2141544 */
</style>
<script type="text/xml">

</script>
</head>
<body background="media/wood.jpg">
<table width="882" border="0" align="center" cellpadding="0" cellspacing="0" class="table_main">
<tr>
    <td height="160" colspan="2"><img src="media/header.jpg" width="900" height="160" alt="header" /></td>
</tr>
<tr>
    <td height="35" colspan="2" class="nav_back"><ul id="MenuBar">
      <li> <a href="#">Home</a></li>
      <li> <a href="#">Organica's Kitchen</a>
        <ul>
          <li> <a href="#">Menus</a></li>
          <li> <a href="#">Catering</a></li>
        </ul>
      </li>
      <li> <a href="#">Juice Bar</a></li>
      <li> <a href="#">Produce</a></li>
      <li> <a href="#">Supplements</a></li>
      <li> <a href="#">Grocery</a></li>
      <li> <a href="#">Body Care</a></li>
      <li> <a href="#">Events</a></li>
      <li> <a href="#">Contact</a></li>
    <script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
      widgetClass: "MenuBar MenuBarFixedCentered",
      insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
      </script></td>
</tr>
<tr>
    <td width="211" height="400" class="left"><h2>Sign-up for our Loyalty Card<br />
    <img src="media/loyalty.jpg" width="200" height="129" alt="loyalty" /></h2>
      <hr width="90%" />
      <h2>Subscribe to our e-News
        <style>
.link,
.link a,
.signupframe
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    .link,
    .link a {
        text-decoration: none;
    .signupframe {
        border: 0px solid #000000;
        background: transparent;
.signupframe .required {
    font-size: 10px;
        </style>
      </h2>
      <form method="post" action="https://app.icontact.com/icp/signup.php" name="icpsignup" id="icpsignup8190" accept-charset="UTF-8" onsubmit="return verifyRequired8190();" >
<input type="hidden" name="redirect" value="http://organicanaturalfoods.com/thanks.html" />
<input type="hidden" name="errorredirect" value="http://www.icontact.com/www/signup/error.html" />
<div id="SignUp">
<table width="200" class="signupframe" border="0" cellspacing="0" cellpadding="5">
    <tr>
      <td align="left">
        <div align="center">
          <input name="fields_email" type="text" value="Your Email Here..." />
        </div></td>
    </tr>
    <input type="hidden" name="listid" value="70490" />
    <input type="hidden" name="specialid:70490" value="HHBU" />
    <input type="hidden" name="clientid" value="971128" />
    <input type="hidden" name="formid" value="8190" />
    <input type="hidden" name="reallistid" value="1" />
    <input type="hidden" name="doubleopt" value="0" />
    <tr>
      <td><div align="center">
        <input type="submit" name="Submit" value="Submit" />
      </div></td>
    </tr>
    </table>
</div>
</form>
      <p>
<script type="text/javascript">
var icpForm8190 = document.getElementById('icpsignup8190');
if (document.location.protocol === "https:")
    icpForm8190.action = "https://app.icontact.com/icp/signup.php";
function verifyRequired8190() {
if (icpForm8190["fields_email"].value == "") {
    icpForm8190["fields_email"].focus();
    alert("The Email field is required.");
    return false;
return true;</script></p>
      <hr width="90%" />
      <h2>Find us on Facebook
        <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOrganicaN aturalFood&width=200&colorscheme=light&show_faces=false&border_color&stream=false&header=f alse&height=100" scrolling="No" frameborder="0" style="border:none; overflow:hidden; width:200px; height:100px;" allowtransparency="true"></iframe>
    </h2>
    <h2> </h2></td>
    <td width="663" class="right"><h1>Welcome to Organica!</h1>
    <p>"A Natural Organic Market", Organica provides fresh organic produce, whole foods, groceries, persihibles, frozen foods, natural body care, pet foods, cleaning products and more. <br />
      <br />
      Shop our vitamin department for a wide varitey of supplements, protein shakes, probiotics, herbs, and products from our top-of-the-line vitamin companies.<br />
      <br />
    Don't forget to visit our renowned Natural Gourmet Prepared Food Department, where all foods are prepared fresh daily. You will be able to find all your needs for breakfast, lunch, dinner or your next party! </p></td>
</tr>
<tr>
    <td colspan="2" class="footer">About Us | Links | Employment | Contact Us<br />
      All contents ©2011 Organica Natural Foods, Inc. | Site Design: Now Age New Media</td>
</tr>
</table>
</body>
</html>

Win 7.
I see the entire page here in IE9, IE8 (Compatibility View), Firefox and Chrome.

Space after in one style affecting the style before it

I have bit of text like this:
Bold head
regular body
when I add space after to the regular body style, it has the effect of adding space after the Bold head, but when I directly apply space after using the Control bar, this doesn't happen!
my regular body style has no space before.
Can anyone see why space after in one style would appear to affect the previous style.
when I say "previous" and "before" I mean in the order they appear relative to each other.
thank you!
John

No, there are no manual overrides. I tested with a manual formatting just as an experiment, but then removed it immediately afterward.
InDesign as with many other programs will indicate a modified style with a little "+" None of my text shows this + sign next to their styles.
Thank you!

How do I remove extra space after an image in an ePub created with InDesign?

I've designed more than a dozen ebooks with InDesign and have recently been having problems with the spacing after images, both images that are anchored in the text or stand-alone and exported through the Articles Panel. Following are a few details:
• In the Object Export Settings, I have the vertical spacing set to 0 both before and after the images and no breaks added.
• In the Export panel, I do not have any vertical spacing applied to images.
• I do not have any Object Style settings applied.
• It doesn't seem to matter if I anchor the image into the text or have it as a stand-alone image in the Articles Panel with the caption after it in a separate text box, also in the Articles Panel.
• I broke down the ePub into an html file and did not see any div or span classes that were different between images that are showing correctly vs. incorrectly.
• Extra space appears in both iBooks on my computer, as well as on my iPad.
• I converted to a mobi file for the Kindle and the space wasn't there.
See attached screen shot. There shouldn't be that big gap between the image and the orange caption.
Any help or suggestions anyone can provide would be greatly appreciated. I feel like I've tried everything I can think of with the same results over and over!

Yes. That is the technique I traditionally use to drop an image into text. I even cut and pasted again as you suggested with the same result. Trust me, this is driving me nuts. I'm not doing anything different than before, but my results are different, even within the same document. I'll attach a few examples, all from this same document.
How the space after my in-line image is supposed to look:
And then a few of the pages with the mystery gap:

Creating Space after a Paragraph Style

Okay, all, this may sound weird. All I want to do in CS4 is have an extra 4 pt of space after a particular paragraph style. Specifically, my paragraph style, Body Text, already has "space after" specified at 3 pt. Fine. But, for example, when I have three paragraphs of just this style, I want the three paragraphs separated by an additional 4 pt of space. (There is no consistency in documents when this situation occurs.)
At first, I thought it might be possible to do this via a nested character style. Nope. Back in FrameMaker, I used to do this manually, whenever I wanted extra space. My trainers would add paragraph tags (ugh).
Still a newbie...
Thanks!
Lizbeth

Kenneth C. Benson wrote:
Maybe I'm really missing your meaning here. When I override a style setting to get more space below, I add space below the *paragraph*. I don't adjust anything about the last line. This is no different in Framemaker. In Framemaker, you can add space above or below a paragraph, either as part of a style (what FM calls a "format") or as a style override. You don't "adjust the last line of a paragraph" in either program.
There's one important difference between FrameMaker's paragraph
spacing and most other DTP or WP tools: Space between FM paragraphs is
NOT ADDITIVE. Space below a paragraph is not added to space above the
following paragraph. In FM, the larger space wins. (I think Ventura
has this feature also, or perhaps has the option for additive or
larger-one-wins.)
If the issue is to make inter-paragraph spacing work non-additively
like FM, please file a feature request for this as an option, at:
www.adobe.com/cfusion/mmform/index.cfm?name=wishform
EDIT: The forum was unavailable for a while, and my email response was bounced. By the time I discovered the rejected mail, I saw Lizbeth's mention of having used Based-on paragraph styles. Probably the based-on style caused the mysterious behavior. The based-on property style information is only visible in the define/modify style dialog box. I'm going to enter a feature request for an indicator for the based-on property that will appears wherever a style's name appears, and, if possible, displays the name of the based on paragraph, character, and object style. Master pages do show the based-on master letter on the page icons in the pages panel, but they lose their own letter. I'll also ask for this feature.
HTH
Regards,
Peter
Peter Gold
KnowHow ProServices

Too much space after form

There is too much space after the form:
http://zooop.net/birch_center/
I can control the space by adding a height tag in this tag:
<iframe src="
http://www.birchcenter.com/OpenNewsletter/includethis.php"
frameborder="0" width="170" scrolling=no style="border:0px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#666666"></iframe>
But when users enlarge their text either through their OS or
their browser, the "Subscribe" buttons sinks behind the text after
it, and is not functionlal.
Does anyone know why there is so much space after the form
and how I could get rid of it?
Thanks very much,
Emilie

> Does anyone know why there is so much space after the
form and how I could
> get
> rid of it?
Many HTML tags have inherent margins, and <form> is one
of them. Use CSS to
control it -
form { margin:0; padding:0; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"zzzeeep" <[email protected]> wrote in
message
news:f0900b$h4f$[email protected]..
> There is too much space after the form:
>
>
http://zooop.net/birch_center/
>
> I can control the space by adding a height tag in this
tag:
>
> <iframe src="
http://www.birchcenter.com/OpenNewsletter/includethis.php"
> frameborder="0" width="170" scrolling=no
style="border:0px; font:Verdana,
> Arial, Helvetica, sans-serif;
color:#666666"></iframe>
>
> But when users enlarge their text either through their
OS or their
> browser,
> the "Subscribe" buttons sinks behind the text after it,
and is not
> functionlal.
>
> Does anyone know why there is so much space after the
form and how I could
> get
> rid of it?
>
> Thanks very much,
> Emilie
>

Control space after the Drop Cap

ID3, XP
We character style drop caps. When the DC is a single character, we use the tracking in the character style to add space to the right of the dropped character. However, this method cannot be used when it is a two character drop, in this case, chapter numbers are dropped 2 lines. We want to adjust the space between the dropped number and the start of text, and keep that space equal on both lines.
Any suggestions?
Thanks

The first issue is still that humbled wasn't able to add space after the drop caps and maintain alignment of the text. Bottom line is that his method of using character spacing was a bad hack. I'm pointing out that the alternative solutions he tried (ex. post #4) didn't work because he wasn't using the correct value for the number of drop characters. And per his post #21, he is still assuming that 2 is the correct value to define a double digit drop cap. If he gets past that, solutions to other complications may come easier.<br /><br />In fact, unless he needs some specific sized space HIS WHOLE PROBLEM FROM START TO FINISH could be solved simply by selecting 3 as the number of characters for his drop caps rather than sticking with 2. That would have the effect of including the space after the chapter numbers as part of the drop cap making it larger and adding considerably more space.<br /><br />If he does need more space, then he is going to have to add another character. But that character still has to be included in the DC character count:<br /><br />12<space>Text (3 drop caps)<br />12<hardspace>Text (3 drop caps)<br />12<space><hardspace>Text (4 drop caps)<br /><br />He can even use a tab character for a specific indent if he wants. Just switch a tab for the hardspace above.<br /><br />P.S. The same logic holds true for in single drop caps. If you want extra space after, increase the drop cap count to 2 to include the space after.

Pages for iPad - how do I create space after a paragraph?

All I want is one line space after each numbered paragraph in a document.
When I press return twice, the numbering restarts!
Help.
Thanks.

On the iPad, documents are saved directly in the app in which they are created. Your Pages documents are saved automatically as you work on them. If you quit working on the document right now, your progress is saved on that file. No need to save like you would on a computer.
When you close Pages and come back to it later - all of your documents will be listed in thumbnail view on the first screen. Tap on the document that you want to work on and it will open.
There is a help feature within the app. Tap on the wrench icon in the upper right corner and select Help from the resulting menu.

BufferedReader Problem (inserting space after every character)

(This is a message I sent to an Aglet forum, however I thought maybe someone here could help me with the BufferedReader problem...with the spacing...read below)
-Blake
ok here's what I'm attempting to do.
I have a Master Aglet that creates a slave which is dispatched to a remote site. The Slave then opens a log file, reads it, and then is supposed to read the file line by line and send each line as a message back to the Master. As the master receives each line it appends the line to the window it created earlier.
I don't know what the problem is...it won't display the log file in the master window.
It does display each line on the console window.I added a println() function to make sure the String array was getting the information. There is a small problem with that as well because it inserts a space after EVERY character (BufferedReader problem??)...what is up with that? for example:
If the log file looked like: This is a log file entry.
the console looks like this when it is printed: T h i s i s a l o g f i l e e n t r y .
.... I had done something in a similiar program...and it worked just fine. here's some source code:
<b>Master:</b>
else if (msg.sameKind("Log")) {
try {
//println for testing purposes
System.out.println(msg.getArg());
appendMessage(" " + msg.getArg() + "test \n");
} catch (Exception e) {
System.out.println(e.toString());
<b>Slave: </b>
File log = new File("C:\\Aglets2.0.2\\public\\WINDOWSUPDATE.log");
FileReader fr = null;
try{
fr = new FileReader(log);
} catch (FileNotFoundException e) {
System.out.println(e);
BufferedReader br = new BufferedReader(fr);
//Get filename of log
try {
Message msg = new Message("FileName", log.getName());
mProxy.sendOnewayMessage(msg);
} catch (InvalidAgletException iae) {
System.out.println(iae.toString());
} catch (Exception e) {
System.out.println(e.toString());
//read each line of file and send back to Master as a message
try{
int i = 0;
while ((s = br.readLine()) != null) {
i++;
count = i;
for (int j = 0; j < count; j++)
System.out.println(s[j]);
//send message back to Master Aglet with log file information
try {
Message msg = new Message("Log", s[j]);
mProxy.sendMessage(msg);
} catch (InvalidAgletException iae) {
System.out.println(iae.toString());
} catch (Exception e) {
System.out.println(e.toString());
//close file reader
fr.close();
} catch (IOException e) {
System.out.println(e.toString());
}

actually i did declare s, you just don't see it there because i only posted some of the code....
I fixed the "spacey" problem by using a FileInputStream instead of a bufferedreader....
like this (i'll post the whole code here:
public class Slave extends BlindAglet {
    AgletProxy mProxy = null;
    boolean back = false;
        char[] c = new char[1000];
    BufferedReader br = null;
    int count;
    // Do some tasks when the aglet is created
    public void onCreation(Object init) {
        // Must make a note of the master here
        mProxy = (AgletProxy)init;
        // Add our own listener and adapter
        addMobilityListener(
            new MobilityAdapter() {
                // Using this as a safety check in case we get caught in a loop in the same host
                public void onArrival(MobilityEvent event) {
                    try {
                        mProxy.sendMessage(new Message("NewSlaveProxy", getAgletContext().getAgletProxy(getAgletID())));
                    } catch (InvalidAgletException iae) {
                        System.out.println(iae);
                    } catch (NotHandledException ex) {
                        System.out.println(ex);
                    } catch (MessageException ex) {
                        System.out.println(ex);
                    //Are we back to origin?
                        if(back) {
                             back = false;
                            try{
                                 FileWriter fw = new FileWriter("test.txt");
                             for (int i = 0; i < count; i += 2){
                                       fw.write(c);
                         fw.close();
                    } catch (IOException e) {
                              System.out.println(e);
                              dispose();
                         dispose();
); /* End of Adapter */
public void run() {
     // Are we at home base?
if (atHome()) {
try {
dispatch(new URL("atp://darklord:4434"));
} catch (Exception e) {
System.out.println(e.toString());
     try{
     File log = new File("C:\\Aglets2.0.2\\public\\WINDOWSUPDATE.log");
     FileInputStream f0 = new FileInputStream(log);
//Get filename of log
try {
     System.out.println(log.getName());
Message msg = new Message("FileName", log.getName());
mProxy.sendOnewayMessage(msg);
} catch (InvalidAgletException iae) {
System.out.println(iae.toString());
} catch (Exception e) {
System.out.println(e.toString());
          //read each line of file and send back to Master as a message
          try{
     int size = f0.available();
     int i = 0;
     for (i = 0; i < size; i++) {
          c[i] = (char) f0.read();
//send message back to Master Aglet with log file information
                         try {
                    Message msg = new Message("Log", c[i]);
                    mProxy.sendOnewayMessage(msg);
          } catch (InvalidAgletException iae) {
                         System.out.println(iae.toString());
                    } catch (Exception e) {
                         System.out.println(e.toString());
count = i;
          } catch (IOException e) {
               System.out.println(e.toString());
               } catch (FileNotFoundException e) {
               System.out.println(e);
     back = true;
     returnHome();
* Returns true if the current host is our origin
public boolean atHome() {
if (getAgletInfo().getOrigin().equals(getAgletContext().getHostingURL().toString()))
return true;
else
return false;
* Allows a slave to contact it's master and ask for a retraction.
public void returnHome() {
try {
Message msg = new Message("RetractMe");
msg.setArg("url", getAgletContext().getHostingURL());
msg.setArg("id", getAgletID());
mProxy.sendOnewayMessage(msg);
} catch (InvalidAgletException iae) {
System.out.println(iae.toString());
} catch (Exception e) {
System.out.println(e.toString());
* Return a reference to our Master's proxy
public AgletProxy getMasterProxy() {
return mProxy;
} /* End of Class

Adding a space after breadcrumb menu

Similar Messages

Maybe you are looking for