Unwanted gaps between images in Internet Explorer

I have sliced a image web page in Photoshop and exported it
to .html and images. It looks perfect in IE7 and Firefox. Then
brought it into Dreamweaver and deleted the large image in the
content area and inserted a table into the content area. Now when I
preview it in IE7 there is a gap between the top image and the two
images on either side of the content area. Borders for all three
images is set to zero as are cell padding etc. It displays
correctly in Firefox and Dreamweaver but IE7 places a gap between
the images. How do I remove the gap using HTML tables?

>I have sliced a image web page in Photoshop and exported
it to .html and
> images.
That's a bad start. The HTML written by graphics apps (and
indeed by any
'wizard') is fragile, and unsuitable for any use other than
prototyping.
> Now when I preview it in IE7 there is a gap between the
top image
> and the two images on either side of the content area.
This is precisely the symptom of having used a graphics app
to write your
HTML. Why? You have changed the ground rules (i.e., the shape
of the
content) by deleting the large image and replacing it with a
table. When a
wizard writes your HTML, it writes it to EXACTLY reproduce
the shape you
have given it. Change that shape and you change the way the
fragile code
adapts - resulting in a breakage of your layout.
The principal culprit is the use of col- and rowspans by
these wizards -
... colspan="3">
You can read more about this here -
http://apptools.com/rants/spans.php
The solution is to bite the bullet and learn enough HTML that
you can create
your own layouts without relying on a graphics app. Otherwise
you will
have this problem continuously.
1. When I need to merge cells...
a. If they are horizontally adjacent, instead of merging
them, I end
the current table, and 'stack' a new one underneath it with
the desired cell
configuration.
b. If they are vertically adjacent, then I end the current
table at the
row ABOVE the row where the need for merging begins. I then
start a new
table with two cells in one row, and place a properly
structured inner table
in each of those two cells.
2. When I need to split cells, I just insert a nested table
with the proper
cell configuration into the cell I would otherwise split.
The goal here is to completely avoid merging or splitting
cells (i.e., using
col- or rowspan attributes in your table markup), since
that's what makes
Layout mode's tables (and any wizard's tables) so fragile.
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
==================
"Clark9" <[email protected]> wrote in
message
news:[email protected]...
>I have sliced a image web page in Photoshop and exported
it to .html and
> images. It looks perfect in IE7 and Firefox. Then
brought it into
> Dreamweaver
> and deleted the large image in the content area and
inserted a table into
> the
> content area. Now when I preview it in IE7 there is a
gap between the top
> image
> and the two images on either side of the content area.
Borders for all
> three
> images is set to zero as are cell padding etc. It
displays correctly in
> Firefox
> and Dreamweaver but IE7 places a gap between the images.
How do I remove
> the
> gap using HTML tables?
>
> <html>
> <head>
> <title>African Chamber of Commerce of
Texas</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <style type="text/css">
> 
> <table id="Table_01" width="935" height="810"
border="0" cellpadding="0"
> cellspacing="0">
> <tr>
> <td height="212" colspan="3"><img
src="images/index_01.gif" alt=""
> width="935" height="212" border="0" usemap="#Map">
> <map name="Map">
> <area shape="rect" coords="100,182,157,206"
href="index.html">
> <area shape="rect" coords="188,185,270,207"
> href="about_us.html">
> <area shape="rect" coords="305,183,378,208"
> href="benefits.html">
> <area shape="rect" coords="413,183,486,208"
> href="members.html">
> <area shape="rect" coords="518,184,594,209"
> href="events.html">
> <area shape="rect" coords="618,183,705,208"
> href="application.html">
> <area shape="rect" coords="740,181,832,208"
> href="contact_us.html">
> </map></td>
> </tr>
> <tr>
> <td rowspan="2" align="left" valign="top"><img
src="images/index_02.gif"
> alt="" width="94" height="600" border="0"
align="top"></td>
> <td height="501" valign="top"><table
width="747" height="269" border="0"
> cellpadding="8" cellspacing="0">
> <tr>
> <td width="211" valign="top"><p
class="style1">
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
> Transitional//EN">
> <br>
> <em><strong>United We Stand; Divided We
Fall.</strong></em>
> </p>
> <p class="style1">With your participation in ACCT,
you become
> one
> of the contributors toward the building and advocacy of
the “Trade
> Not
> Aid” movement.</p></td>
> <td width="250" valign="top"><div
align="center">
> <p><span class="style2">
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
> Transitional//EN">
> <br>
> </span><span
class="style2"><strong>What ACCT can do for
> you?</strong></span> </p>
> </div>
> <ul>
> <li> <span class="style1">Networking and
Exposure<br>
> Referrals</span></li>
> <li class="style1">Cultural center</li>
> <li class="style1"> Newsletters</li>
> <li class="style1"> Welcome and orientation
program</li>
> <li class="style1"> Assistance in business
outreach
> programs</li>
> <li class="style1"> Training and continuing
education in
> small business start-up and management</li>
> <li class="style1"> ACCT office
facilities</li>
> <li class="style1"> Legal assistance</li>
> <li class="style1"> ACCT will be there for you,
all the
> way.
> </li>
> </ul></td>
> <td width="238" valign="top" class="style1">
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
> <br>
> <strong>ACCT</strong> believes that lasting,
meaningful
> furtherance of economic development efforts is
predicated on the
> equitable
> sharing of world resources, along with the preservation
and maintenance
> of a
> healthy and fair business environment. Furtherance of
economic
> opportunities
> in a global economy also requires an informed and
involved public where
> everyone participates in decisions which affect the
common good for
> self-reliance, sustainability and prosperity. The
cornerstone of ACCT is
> “<strong>Trade Not
Aid”.</strong></td>
> </tr>
> </table></td>
> <td rowspan="2" align="left" valign="top">
> <img src="images/index_04.gif" alt="" width="94"
height="600" border="0"
> align="texttop"></td>
> </tr>
> <tr>
> <td height="97" valign="top"><img
src="images/index_05.gif" width="747"
> height="97" alt=""></td>
> </tr>
> </table>
> 
> </body>
> </html>
>

Similar Messages

Unwanted spaces between images, fine in browsers spaces appear in email clients

using the help and tips on here i managed to eliminate the gaps between images and the borders around hyperlinked images so that it looks good in browsers unfortunately when i go to view it in outlook it creates spaces, weirdly only between some images and not all. I'm a novice so a step by step guide would be super. Please see the code below. the gaps appear above and below images:
Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-to-cha nge-your-Gateway-Service-Provider_03.jpg
Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-to-chan ge-your-Gateway-Service-Provider_05.jpg
Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-to-chan ge-your-Gateway-Service-Provider_08.jpg
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<table width="1100" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td height="226" colspan="6"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_01.jpg" width="1100" height="226" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td height="161" colspan="6"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_02.jpg" width="1100" height="161" style="margin:0; padding:0;display: block;" /></td></tr>
<tr>
    <td height="552" colspan="3" rowspan="3"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_03.jpg" width="723" height="552" style="margin:0; padding:0;display: block;" /></td>
    <td height="137" colspan="2"><a href="http://www.pcpro.co.uk/reviews/security-appliances/380047/cyberoam-cr35ing#ixzz2MfSGzpIo" style="border: 0"><img class="noBorders" src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_04.jpg" width="348" height="346" style="margin:0; padding:0;display: block;" /></a></td>
    <td width="29" rowspan="12"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_05.jpg" width="29" height="983" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td height="206" colspan="2"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_06.jpg" width="348" height="206" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td height="183" colspan="2" rowspan="5"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_08.jpg" width="348" height="183" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td colspan="3"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_07.jpg" width="723" height="35" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td width="235" rowspan="2"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_09.jpg" width="235" height="81" style="margin:0; padding:0;display: block;" /></td>
    <td width="291" height="26"><a href="http://www.pcpro.co.uk/reviews/security-appliances/362284/sonicwall-nsa-2400mx" style="border: 0"><img class="noBorders" src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_09-10.jpg" width="291" height="26" style="margin:0; padding:0;display: block;" /></a></td>
    <td width="197" rowspan="2"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_11.jpg" width="197" height="81" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td height="55"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_12.jpg" width="291" height="55" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td height="67" colspan="3"><a href="http://www.cyberoam.com/pressrelease_iso20000.html" style="border: 0;"><img class="noBorders" src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_12-13.jpg" width="723" height="67" style="margin:0; padding:0;display: block;" /></a></td>
</tr>
<tr>
    <td colspan="3" rowspan="5"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_14.jpg" width="723" height="248" style="margin:0; padding:0;display: block;" /></td>
    <td height="62" colspan="2"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_15.jpg" width="348" height="62" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td colspan="2"><a href="http://www.cyberoam.com/downloads/Brochure/CyberoamNGSeriesBrochure.pdf" style="border: 0;"><img class="noBorders" src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_15-16.jpg" width="348" height="29" style="margin:0; padding:0;display: block;" /></a></td>
</tr>
<tr>
    <td colspan="2"><a href="http://www.vcwsecurity.com/training/webinars.html" style="border: 0;"><img class="noBorders" src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_16.jpg" width="348" height="27" style="margin:0; padding:0;display: block;" /></a></td>
</tr>
<tr>
    <td colspan="2"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_18.jpg" width="348" height="36" style="margin:0; padding:0;display: block;" /></td>
</tr>
<tr>
    <td width="253" height="25"><img src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_19.jpg" width="253" height="94" style="margin:0; padding:0;display: block;" /></td>
    <td width="95"><a href="http://www.vcwsecurity.com/index.php" style="border: 0;"><img class="noBorders" src="Images/Cyberoam-CR35iNG-raises-the-bar-for-performance---there-is-no-better-reason-t o-change-your-Gateway-Service-Provider_19-20.jpg" width="95" height="94"style="margin:0; padding:0;display: block;" /></a></td>
</tr>
</table>
</body>
</html>
Any help would be great. Thanks

You cannot ever hope to successfully create an html email using one big table. It's bad enough when going down that route for ordinary browser viewing but when it comes to email clients they are a lot less forgiving.
You need to use a series of simple nested tables. No spliting or merging cells, that's suicide.

What is the difference between Firefox and Internet Explorer?

I'm an older woman and it's hard for me to keep up with all the new technology these days. Can someone please explain the difference between Firefox and Internet Explorer? Which one is better to use? Many thanks for your help.

Firefox, Chrome and Internet explorer are all types of Browser; for use (mainly) on the internet, other modern browsers are Safari & Opera.
Just to confuse things slightly, Windows Explorer, is the name of the software that is usually used to look at content (files & folders) on Windows PCs.
Maybe these articles will help
* http://www.wisegeek.com/what-is-a-web-browser.htm <-- blue link is clickable --
* http://en.wikipedia.org/wiki/Web_browser

Unwanted spaces between images

while using adobe dreamweaver i created a page with a image
at the top, then one below it with rollover images, then one more
below that. and everything should fit together like its one image.
and it does so in internet explorer, but not firefox. it looks like
this :
http://i2.photobucket.com/albums/y13/Down_The_Rabbit_Hole/Untitled-1copy-5.jpg
can someone please tell me how to get rid of that unwanted
space?
the code is also below.

The problem is caused by the fact that images are inline
tags. This means
that they are rendered in an 'inline text box'. An inline
text box reserves
space for descenders below the baseline of the text, and
that's what is
causing the gaps you are seeing in FF - which is rendering
the images
properly (it's IE that is not).
Margins/padding won't affect this. You can, however make
those images have
the CSS style of display:block. That will remove that
'descender' space,
but it will apply to every image on the page, so you will
need to add an
appropriate selector to the rule so that you select only the
desired images.
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
==================
"emmageeeee" <[email protected]> wrote in
message
news:[email protected]...
> while using adobe dreamweaver i created a page with a
image at the top,
> then
> one below it with rollover images, then one more below
that. and
> everything
> should fit together like its one image. and it does so
in internet
> explorer,
> but not firefox. it looks like this :
>
http://i2.photobucket.com/albums/y13/Down_The_Rabbit_Hole/Untitled-1copy-5.jpg
> .
>
>
> can someone please tell me how to get rid of that
unwanted space?
> the code is also below.
>
>
>
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "
http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <title>untitled</title>
> <meta http-equiv="content-type" content="text/html;
charset=iso-8859-1">
> <meta name="generator" content="HAPedit 3.1">
> <style type="text/css">
> html,body{margin:25;padding:0}
> body{
> background-color:#486CB3;
> background-image:url("bg.gif");
> font: 76% arial,sans-serif;
> text-align:left
> }
> p{margin:0 0px 0px}
> a{
> display:block;
> color: #FFFFFF;
> padding:0px
> }
>
> div#header h1{height:80px;line-height:80px;margin:0px;
> padding-left:10px;}
>
> div#container{text-align:left;}
>
> div#content p{line-height:1.4}
>
> div#navigation{font-family: verdana, arial, sanf-serif;
> font-size: 12px; margin: 0;
> padding: 0;
> list-style-type: none;}
>
> div#extra{background:#FF8539}
> div#footer p{margin:0;padding:5px 10px}
>
> div#container{width:700px;margin:0 auto}
> div#content{float:right;width:700px}
>
> div#extra{float:right;width:500px}
> div#footer{clear:both;width:100%}
> </style>
> <script type="text/javascript">
> 
> </script>
> </head>
> <body
>
onLoad="MM_preloadImages('homeh.gif','chicksh.gif','dudesh.gif','contacth.gif','
> infoh.gif','carth.gif')">
> <div id="container">
> <div id="header">
> <div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image4','','homeh.gif',1)"><img
> src="header.jpg"
> width="700" height="70" border="0"
longdesc="header.jpg"></a><a href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image4','','homeh.gif',1)"><img
src="home.gif"
> name="Image4" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image5','','chicksh.gif',1)"><img
> src="chicks.gif"
> name="Image5" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image6','','dudesh.gif',1)"><img
> src="dudes.gif"
> name="Image6" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image7','','contacth.gif',1)"><img
> src="contact.gif"
> name="Image7" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image8','','infoh.gif',1)"><img
src="info.gif"
> name="Image8" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image9','','carth.gif',1)"><img
src="cart.gif"
> name="Image9" width="170" height="39"
border="0"></a><img src="main.jpg"
> border="0" align="middle" usemap="#Map">
> <map name="Map"><area shape="rect"
coords="20,196,186,221" href="#"
> target="_self" alt="go now" usemap="#cool"
border="0">
> </map></div>
> <div id="footer">
> <CENTER>
> &copy your mom.
>
> </div>
> </div>
> </body>
> </html>
>

How can i get lock image in internet explorer which is getting in mozilla

hi ,
iam getting the lock image in mozilla for the login page and iam not getting the lock image for the same page which is accessing from internet explorer 6.0 can any one help me out.........thanku

you don't. full screen image is no longer availab.e.

Gaps between images

Link #1 looks good in Safari, Chrome, Firefox and IE.
http://www.milkmoonkids.com/lion_canvas.htm
Link #2 is a similar page, but there are big gaps between the images that show up in Firefox and IE only. They look good in Safari and Chrome.
http://www.milkmoonkids.com/gifts.htm
Any ideas why it gets jacked up in those two browsers and how to fix it?
Thanks,
Rich

Start by adding a valid DOCTYPE to each page (line 1)
Change
<html>
to
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
and fixing the validation errors. There are only a few.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.milkmoonkids.com%2Fgifts.htm&charset=%2 8detect+automatically%29&doctype=Inline&group=0

Distorted images in internet explorer, chrome, and firefox

Hello everyone.
it's my first time writing in a forum.i have just bought a dell notebook inspiron 15 which i upgrated from windows 8 to windows 8.1. (First time working with windows 8.) i'm having distorted images at some sites, double or blurry either in internet explorer
firefox or chrome. also very often i'm getting an error message that the web page cannot be viewed(in explorer) and in firefox that i should communicate with the web page in order to inform them that . when i refresh the page loads normally..so why does that
happen..is there a problem with the browsers or are the websites outdated?
In addition, web players other than youtube, like for example JWplayer start playing for a moment and then stop.After refreshing they stop at the same spot. i have the latest update of adobe flash and no problem with my internet connection.
thank you in advance
Anna, Greece
p.s i should note that i'm not very used in computer language so a simple explanation will be very welcomed. :)

Hi，
This pages all display fine in my PC, for IE, you can click Tools\Internet Options\Advanced, then under "Accelerated graphics" enable or disable hardware acceleration to check for hardware or software compatibility issues with viewing certain Internet websites.
Or under "Multimedia", enable automatic image resizing, check the result.
or clear browser history, temporary internet files, tools\internet options\general\delete... or reset IE as a test.
These are solutions for IE, since this issue happend on all browsers, I guess that it might be related with your video card--hardware device, if so, it's recommended to take this pc to a local shop to repair it.
Yolanda Zhu
TechNet Community Support

IE11 browser difference between "Default" and "Internet Explorer 11" user agent string

I installed IE11 in my machine .And also we migrating all our developed application (ASP .Net/ VS 2010) to work in IE11 .
But when i open (Developer tool (F12) -> Emulation) In that ,
While selecting "User agent string" i two different option
Default
Internet Explorer 11
Actually what difference between this two user agent string and too i am working in .Net
And i select "IE11" as a user agent option , most of my application working flawless (design) but if i select "Default" throwing lot of design oriented bugs.
Is there setting to be made in .Net framework or anything else
Because it should work in both "Default" and "IE11" user agent string

Hello kumaran_Arun,
Please try to reset Internet Explorer and check if the issue still exists.
http://windows.microsoft.com/en-hk/internet-explorer/reset-ie-settings#ie=ie-11
If this issue is related to Internet Explorer web development, to receive better support, it is recommended to post in the MSDN forum.
The professionals there will be glad to help you.
https://social.msdn.microsoft.com/Forums/ie/en-US/home?category=iedevelopment
Thanks for your understanding.
Best regards,
Fangzhou CHEN
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [email protected]

Image aligned problem - small gap between images

Can anyone spot what is causing the small gap between the
images in this
page:
http://dwayne.compasslearning.com/index.html
see the top middle image is pushed up to the very top of the
window where it
should have a small space at the top and then it has a gap at
the bottom
where there should be no space or gap?
Any help is appreciated.
Thanks.

Please disregard...I figured it out.
Thanks.
"-D-" <[email protected]> wrote in message
news:f2kqck$qot$[email protected]..
> Can anyone spot what is causing the small gap between
the images in this
> page:
>
>
http://dwayne.compasslearning.com/index.html
>
> see the top middle image is pushed up to the very top of
the window where
> it should have a small space at the top and then it has
a gap at the
> bottom where there should be no space or gap?
>
> Any help is appreciated.
>
> Thanks.
>

Unwanted gaps between exactly fitting shapes - workaround?

Hi,
With shapes that are intended to fit exactly with one another, such as shapes created with pathfinder>divide I find often that there are very small cracks between the shapes and that these will show up if the shapes are exported to Photoshop in a more pronounced way.
What's the workaround to 'seal' one shape to another and rid the result of these gaps?
Joining the shapes is not an option as they are different colours.
Any help much appreciated.

two possibilities:
1. you havean RGB document and "Align to pixel grid" is turned ON. Then there may be real gaps between objects after pathfinder operations.
2. it's just a screen artifact. Don't just open the AI in Photoshop, but export a PSD out of Illustrator. Use the anti-aliasing method for objects, not the one for type.

PDF has white gaps between images

Hi,
I'm getting white lines between InDesign rendered images when viewing them in Acrobat.
ie. When I place a .psd file with trasparency onto another image and make a PDF, the area around the psd file has a faint white line.
I've looked into it a bit and seen that these are called atomic gaps or something and will never show on print. Also that I can turn off 'Smooth Line Art' in preferences to remove them (which then screws up other areas).
So the client isnt happy with an explanation of it, and would prefer a fix. One that makes everything look nice on his screen.
Is there fix? A way I can make InDesign or Distiller render the whole image maybe?
Thanks for any suggestions.

If you can't use PDF 1.4 (Acrobat 5) due to your service provider, then this is known as stitching and is only visible on screen. It does not effect final printed output.
In Acrobats preferences turn off smooth line art (Preferences > Page Display > Rendering > Smooth Line Art). This may have a visual on screen effect on type etc.

Adding gaps between images

Hello Dreamweavers.
I have adding 5 images which are thumbnails in my div tag, and because they were all stuck next to one another I created a class css style of the following:
.space_me_out {
padding: 10px;
and then applied it to the 5 thumbails in my Div tag, they all have a nice gap of 10pixles. So my questions is, what it a right method of doing so?by making a class style with padding?
is this the correct method?
thank you.

There is a big difference in semantic class and non-semantic (e.g. style based) class.
Let's say one is .thumb and the other is .space_me_out. Both creates 10px padding around thumbnail images.
Later you need to add a border around thumbnail images. If you're using semantic class, you'd just add a border property to .thumb. If you're using non-semantic class, you'd need to create a new class .border_around_me and add that to all thumbnail images. Not elegant
Kenneth Kawamoto
http://www.materiaprima.co.uk/

Unwanted gaps between tracks on CD

I have cut up a live concert recording into individual WAV files. I assembled them in a single track of a Multitrack session. I overlapped the tracks and allowed auto fading to smooth out the transitions between selections and carefully placed the CD Track Markers where I wanted them near the overlap. It plays perfectly in the timeline. When I insert the tracks into the CD Layout I set all the pause values to zero and burn the disk. When I play the CD there is a very brief gap of silence between the tracks, not what I wanted in a live concert recording. I have no way of measuring it, but I suspect the gaps are the durations of the overlaps. The smooth transitions I hear in the timeline are gone. This sounds like a bug. Any ideas?
Thanks

Well actually it should work... but if you have markers set on non-CD boundary times, the chances are that you'll end up with gaps where the track indication has been set at the next boundary. What I'd suggest initially is that you go back to your edited file, set the time scaling on the time line to CD, and then set the snapping so that it snaps at CD boundaries. Then, reset the markers to land on them, and try again.
If it doesn't work properly then, we'd like to know about it!

Mystery Gap between images

I'm new to dreamweaver, and refreshing myself on programming (haven't done anything in years).
I'm making an ebay template using dreamweaver (limited or no css).
The problem I'm experiencing is a mystery gap that won't disappear. It appears to be highlightable, suggesting it's being read as text. But when I backspace to clear out the empty space, my image map disappears, and the links are no longer clickable.
Here is what I'm seeing:
http://imgur.com/a/Wv32J
And here is a link to the code:
http://pastebin.com/nFA8WBVY
Ignore the multiple paragraphs at the end. They're a place-holder to keep me on task and aren't associated with the problem I'm experiencing.
Any help is appreciated! Thank you!

Why do you have a lot of <pre></pre> tag in your code?
get rid of those and the extra space will most likely disappear.
You have them around you menu:
<pre><map name="MenuBar">
<area shape="rect" coords="-1,1,92,20" href="http://stores.ebay.com/Jasper-Jewelers?_rdc=1" title="Store" alt="Store" />
<area shape="rect" coords="96,1,260,20" href="http://www.youtube.com/" title="AboutUs" alt="About Us" />
<area shape="rect" coords="268,1,426,20" href="http://www.google.com/" title="Appraisal" alt="Appraisal" />
<area shape="rect" coords="432,1,590,20" href="http://www.wikipedia.com/" title="The4cs" alt="The 4 C's" />
<area shape="rect" coords="596,1,803,20" href="http://www.skype.com/" title="ReturnPolicy" alt="Return Policy" />
<area shape="rect" coords="809,1,930,20" href="http://www.yahoo.com/" title="Shipment" alt="Shipment" />
</map>
</pre>
They are also around this image map:
<pre><map name="SaveSign">
<area shape="rect" coords="1,1,103,14" href="http://my.ebay.com/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=jasperjewelers&ssPageName=STRK:MEFS:ADDSTR&rt=nc" alt="Save Seller" />
<area shape="rect" coords="106,1,293,15" href="http://my.ebay.com/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=jasperjewelers&ssPageName=STRK:MEFS:ADDSTR&rt=nc" alt="Sign up for Newsletter" /></map></pre>
Plus you have one name fvch-code
<pre id="fvch-code-0">
</pre>
FWIW I havent a clue what they are - have never used them myself, very ocassionally seen then being used. 100% you don't need them.

Images in internet explorer

i'm using dw cs3 to work on a website for my church and my
images show up fine in safari and firefox, but when i check them
out on my husband's pc, they show up about 75 pixels lower than
they should in IE. anyone know why this is or how to fix it? i'm
using a table to line everything up. here's the link.
peopleneedgod.com

designingdanie wrote:
> i'm using dw cs3 and my images show up fine in safari
and firefox, but when i
> check them out on my husband's pc, they show up about 75
pixels lower than they
> should in IE. anyone know why this is or how to fix it?
thanks.
>
Well you would need to provide a link to the page in
question. If there
is a fault it will be in the code and that's what someone
would need to
look at to give you any advice as to why this may be
happening.

Unwanted gaps between images in Internet Explorer

Similar Messages

Maybe you are looking for