Usemap error - extra white space after image -solved: area shape must be inline

When using image hotspots, if the <area shape= "rect" is not IMMEDIATELY after the <map name="Map">, then FF adds a white space (white horizontal line) after the image.
White space shows between shop_top.jpg and shop_mid.jpg:
<pre><nowiki><img src="images/shop_top.jpg" width="1022" height="259" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="251,147,435,252" href="http://www.example.html">
<img src="images/shop_mid.jpg" width="1022" height="3250"></nowiki></pre>
Images are touching vertically (no space in between):
<pre><nowiki><img src="images/shop_top.jpg" width="1022" height="259" border="0" usemap="#Map"><map name="Map"><area shape="rect" coords="251,147,435,252" href="http://www.example.html">
<img src="images/shop_mid.jpg" width="1022" height="3250"></nowiki></pre>

Maybe Mozillazine's Web Devel / Standards Evangelism forums may help better.
* http://forums.mozillazine.org/viewforum.php?f=25

Similar Messages

Why is there extra white space after exporting to JPEG?

After exporting an *.ai file to jpeg using 150 ppi and 5 for compression, I have extra white space below the artwork. This has happened in two files after exporting.

Urthie,
What about the Artboard, is that aligned to the Pixel Grid (it is if the size is a whole number of points/pixels and one corner is at X=Y=0 or another set of integer values, otherwise not)?
Edit: Cross posting.
Congratulations, some things are difficult to spot (and guess for others); your finding the solution is the best happy ending.

Extra white-space after page proccess

I am trying to suppress white-spaces after the page is
processed.
Usually it doesn't bother me, but it does bother javascript.
Explanation:
1. I am sending an xmlhttp request to coldfusion to process.
2. Coldfusion runs a stored procedure on an oracle database
that returns the results as XML.
3. Coldfusion returns the XML back to the client:
<cfoutput>#XmlParse(ajaxXML)#</cfoutput>.
4. The client (Javascript) runs the function that handle the
data and returns an error because: "
xml declaration not at start of external entity".
I have tried using cfsetting with the attribute:
enablecfoutputonly="yes", but still the result is the same.
Any idea or lead in the right direction would be greatly
appreciated.

The XML that the DB returns, looks like this:
<?xml version="1.0"?>
<rowset>
<row>
<column_name>value</column_name>
<column_name>value</column_name>
</row>
</rowset>
After playing with code for a while now, I believe that the
problem is not with the returned XML.
The page that runs the SP is the page that call the SP. What
means that the white-spaces are the code that the Coldfusion engine
has already processed (although, the condition that checks whether
the form variable that Ajax request, exist. Is the first thing on
the page). to my understanding, the returned XML should be at the
top of the page.
I hope that I was clear enough.
Thank you.

Extra White space after an inserted table

Between a table I inserted into my document and the first line of text after my table I have almost a full page of blank space. There is no paragraph marker shown when I click "hide/show" and I cannot do anything with the document within the
blank space. There is no page break that I can remove in the paragraph function with my cursor in front of that subsequent line of text. It is also not a style problem unless it has something to do with the table style. Please help. I'm using Microsoft
Word 2013.

Could you create a stripped-down copy of the document (without sensitive information) and make it available through one of the websites that let you upload and share a file, such as Microsoft OneDrive (https://onedrive.live.com),
FileDropper (http://filedropper.com) or DropBox (http://www.dropbox.com). Make sure that you share the document (click Share, then Get a link), then post the link to the uploaded and
shared file in a reply here.
Regards, Hans Vogelaar (http://www.eileenslounge.com)

Extra white space around image in CS4

Hi - We are planning to migrate from Indesign server CS3 to CS4. In order to make sure that the existing templates, created out of CS3 works out of CS4, we were doing some testing with indds created out of CS3. We export the output as jpeg at 300 dpi. The output image running in CS3 server was 3060 x 2160, but the image from CS4 has 3600 x 2700. Can anyone explain us here, if there is some setting that needs to be changed to use indd's out of CS3? if not, pls advice us on what is going wrong here. This is urgent!!
Thanks and let me know if you have any questions or need more information.

Does this outline appear if converting to PDF or other format and then printing? What if you save it as a Photoshop EPS and let Photoshop create the TIFF... does the map still print with a white line?
If the problem is map related, you might ask in the CartoTalk forum:
http://www.cartotalk.com/index.php?s=e3bd05acac124d5abe83020daf94b05f&act=idx
There are some FreeHand map makers there who could help.

UNWANTED EXTRA WHITE SPACE AFTER DETATCH OPERATION

Hi,
In our application, we have summary pages and each summary page is having various sections.
These sections are implemented using PanelCollection component. In each of these sections we have "Detach" button.
On click of the "Detach" button, the section gets expanded. Again if I click the "Detach" button, the section is being displayed in normal mode but the height of the section is increased.
We are observing this behavior in Firefox and IE.
For each section we specify the "autoHeightRows" to 10.
I'm not sure what might be the issue. Any pointers would be helpful.
Thanks
Ravi
Edited by: Ravi Nagubandi on May 13, 2011 12:02 AM

Hi,
if this reproduces in a test case, and if you can, please file a bug
Frank

Conditional Build Tab for image leaves extra white space

I've applied the "Print" Conditional Build Tag to an image in
my online help. When I generate the help and view it in the
browser, extra white space is inserted between the steps. For
example, instead of the steps being:
1.
2.
3. etc.
They now look like this:
1.
2.
3. etc.
Why is there extra white space where the image used to be?
Thanks in advance for your help. Using RoboHelp7 -- WebHelp.
Bill

Probably there is a paragraph break or a space that you can't
see but is not enclosed in the conditional tag.
Check the html code immediately before and after the tag.
Harvey

Remove extra white space from an image

I want to remove the extra white space in my image while writing it into a jpeg file using JPEGImageEncoder.
Any help is welcome .

ok.. Am having a JPanel whose width is set to 77000. But almost 60% of right hand side of the Panel is empty. I will create a BufferedImage from this component and then write it into a file using JPEGImageEncoder.
The empty portion of the panel is coming as a white space in the image.
Now how to remove this ? Was that clear enough ?

Placed Illustrator PDF has extra white space

Illustrator artwork saved as PDF, and placed on an InDesign page comes in with extra white space of around 1 1/3 mm on all
sides. I can't figure out what this unwanted white space is or how to avoid it. Can someone please tell me how to avoid the extra white space.

in which case - i can only apologise for the incorrect advice.
I've never had any problems with eps files - providing that the artwork is tidy.
And I've found loads of problems printing a placed pdf through a digital rip.
I'll leave it down to trial and error... and wish the best of luck.
cheers
re

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;

Issues in Application table - extra white space with and without scroll bar

1. There is an extra white space that comes after the last column in all the applications table, when there is no scroll lbar.
[http://files.oraclecorp.com/content/Private/Screenshots/Space_ApplicationTable.bmp]
2. If the scroll bar comes up then, there is an extra white space on top of the scroll bar.
[http://www-apps.us.oracle.com/~jkodiyan/fusion/screenshots/appstablespace1.jpg]

It would be best to follow this up in your internal ApplCore / ADF frontend forum..
screenshot for issue #1: http://www-apps.us.oracle.com/~jkodiyan/fusion/screenshots/appstablespace2.jpg
That's an internal Oracle URL - Probably not a good idea to share on the internet and it's not accessible outside anyway...

Extra White Space Around Header Graphic & NavBar

I have a header graphic and Navigation Bar (rollover images)
positioned inside a table. Unfortunately, there is about 1-2 pixels
of white space on the left, right, and top of the header graphic.
Same with the NavBar--there's 1-2 pixels of white space on the
edges (left & right sides). By default, cell padding for the
table is set to zero. If cell padding is set to zero, why am I
seeing white space between the edge of the graphic and the edge of
the table?
You can see what I'm referring to here:
http://newstartinvestment.com
What is causing this extra white space, and how do I get rid
of it?

On 26 Mar 2007 in macromedia.dreamweaver, csbridges wrote:
> I have a header graphic and Navigation Bar (rollover
images)
> positioned inside a table. Unfortunately, there is about
1-2 pixels
> of white space on the left, right, and top of the header
graphic.
> Same with the NavBar--there's 1-2 pixels of white space
on the edges
> (left & right sides). By default, cell padding for
the table is
> set to zero. If cell padding is set to zero, why am I
seeing white
> space between the edge of the graphic and the edge of
the table?
>
> You can see what I'm referring to here:
>
http://newstartinvestment.com
(Btw, I
> don't like the yellow rollovers--they'll be removed
shortly.)
>
> What is causing this extra white space, and how do I get
rid of it?
Personally, I thought that the white border was a feature,
but... In
addition to the cellpadding, add cellspacing:
<table width="780" border="0" align="center"
cellpadding="0"
cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF">
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

How do I remove extra white spaces in a string?

How do I remove extra white spaces in a string?
trim() removes before and after spaces.
If I have a string "This is Test"
I want to remove extra spaces between words and also I want to keep SINGLE space
between words. So output should be "This is Test". Thanks.

replaceAll dosen't support with my version. Actually this works..............!!!!!!!!! Thank you.
                    java.util.StringTokenizer st = new java.util.StringTokenizer(brn, " \t");
                    StringBuffer buf = new StringBuffer();
                    while (st.hasMoreTokens()) {
                         buf.append(" ").append(st.nextToken());
                    String brn1 = buf.toString().trim();

**Error** Scene 1, Layer 'actions', Frame 1, Line 664: 1087: Syntax error: extra characters found after end of program.

Scene 1, Layer 'actions', Frame 1, Line 664: 1087: Syntax
error: extra characters found after end of program.
I am new to importing classes and I have been practicing
making a photo gallery. I am stuck and I want to know if someone
can help me with the error I am getting.
If it is convenient, you can download and test my .zip at
www.dhtmlguy.freeservers.com
Thanks in advance!

thanks...the small stuff gets me every time.

Extra white space in Firefox, not IE

Hello. I'm new to Dreamweaver and am having an issue I can't
figure out. I was hoping someone might have insight into where my
problem is.
In the following site,
http://www.firststepshr.biz,
it previews as designed in Internet Explorer. However, in Firefox,
extra white space (or blue background on the home page) is
appearing above and below the Flash header. I can't, for the life
of me, figure out why there's this difference.
Anyone have any ideas? Thanks, in advance, for the advice.
Jeremy

I don't see extra white space in FF2x.
If you want to use Flash for navigation, consider this -
1. Some people don't have Flash installed - what do they do?
2. Search engines may not parse Flash links - your site will
not be
spidered
3. Screen assistive devices don't parse Flash links - what
will those users
do?
4. DW cannot maintain links within a Flash movie, so if you
move or rename
a linked file, your navigation will break - what will you do?
You will have
to remake those buttons.
It's usually a very bad idea for these reasons - and for
these reasons,
Adobe has removed Flash buttons and Flash text from the next
version of
Dreamweaver.
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
==================
"dwellingproductions" <[email protected]>
wrote in message
news:gckfd0$odl$[email protected]..
> Hello. I'm new to Dreamweaver and am having an issue I
can't figure out.
> I
> was hoping someone might have insight into where my
problem is.
>
> In the following site,
http://www.firststepshr.biz,
it previews as
> designed in
> Internet Explorer. However, in Firefox, extra white
space is appearing
> above
> and below the Flash header. I can't, for the life of me,
figure out why
> there's this difference.
>
> Anyone have any ideas? Thanks, in advance, for the
advice.
>
> Jeremy
>

Usemap error - extra white space after image -solved: area shape must be inline

Similar Messages

Maybe you are looking for