White lines in table

I am new to using Dreamweaver and I was trying to make a
website composed of images. I created the template on Photosho CS2
and then I cut them into slices and I'm trying to make my website
on Dreamweaver using tables.
I started out making 1 row and column and then I continued on
by splitting cells and making my website but it doesnt come out
right. I have these tiny white lines in between some rows and
columns. I tried squeezing them (moving all the rows and columns
together) but still nothing changes. Heres a screenshot of what my
website looks like:
http://img352.imageshack.us/img352/7653/untitled1fz7.jpg
Can someone please tell me what to do to get rid of those
white lines. Also I have checked the code and I don't see any
tags so it cant be that.

streekd wrote:
> Nope, sorry Osgood, both of your suggestions didnt work.
And yes my cellspacing
> and cellpadding and border are all set to 0. The reason
I kept spliting was
> because I had the same problem when I did it with alot
of cells. Thats why I
> just thought making 1 and splitting it might work.
>
> I have also skimmed through those websites you suggested
Murray but none of
> the tutorials looked helpful.
>
> Here is my code. I know it won't really help much
because the images are on my
> computer but maybe you can find some flaw.
Remove all the height and widths from the cells, as the code
shows below
and see if that helps. Its not a very stable stuture, thats
why you are
encountering problems. By splitting and merging you are
setting up
forces which are pushing and pulling the table out of shape.
<!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=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<th colspan="2" rowspan="2" scope="row"><img
src="images/sdimages_01.png" width="161" height="58"
/></th>
<td colspan="3" scope="row"><img
src="images/sdimages_02.png"
width="590" height="9" /></td>
</tr>
<tr>
<td colspan="3" scope="row"><img
src="images/sdimages_03.png"
width="590" height="49" /></td>
</tr>
<tr>
<td colspan="2" scope="row"><img
src="images/sdimages_04.png"
width="160" height="66" /></td>
<td colspan="3" scope="row"><img
src="images/sdimages_05.png"
width="591" height="68" /></td>
</tr>
<tr>
<td rowspan="7" scope="row"><img
src="images/sdimages_06.png" width="66"
height="229" /></td>
<td scope="row"><img src="images/sdimages_08.png"
width="93" height="42"
/></td>
<td rowspan="9" scope="row"><img
src="images/layout_02-10.png"
width="75" height="577" /></td>
<th rowspan="9" scope="row"><img
src="images/sdimages_11.png"
width="443" height="577" /></th>
<th rowspan="9" scope="row"><img
src="images/sdimages_12.png" width="73"
height="577" /></th>
</tr>
<tr>
<th scope="row"><img src="images/sdimages_13.png"
width="94" height="31"
/></th>
</tr>
<tr>
<th scope="row"><img src="images/sdimages_14.png"
width="93" height="32"
/></th>
</tr>
<tr>
<th scope="row"><img src="images/sdimages_16.png"
width="93" height="32"
/></th>
</tr>
<tr>
<th scope="row"><img src="images/sdimages_17.png"
width="93" height="31"
/></th>
</tr>
<tr>
<th scope="row"><img src="images/sdimages_18.png"
width="93" height="30"
/></th>
</tr>
<tr>
<th scope="row"><img src="images/sdimages_19.png"
width="93" height="30"
/></th>
</tr>
<tr>
<th colspan="2" scope="row"><div
align="center"><img
src="images/sdimages_20.png" width="159" height="66"
/></div></th>
</tr>
<tr>
<th colspan="2" scope="row"><img
src="images/sdimages_21.png"
width="159" height="284" /></th>
</tr>
<tr>
<th colspan="5" scope="row"><img
src="images/layout_05.png" width="751"
height="50" /></th>
</tr>
</table>
</body>
</html>

Similar Messages

White Lines in Tables

I don't seem to be able to get rid of white lines between
tables/cells on my websites. I have the borders set to "0" and no
"Padding", etc. Does anyone have an idea of how to remove these so
the cells blend together. You can see an example on the top graphic
of this website:
http://www.peterburnett.org/
Thanks!

> Looks to me like you have *table* borders set to "0,"
and cell bordercolor
> set to "0" (not even sure what that does - pretty sure
the answer is
> "nothing").
It also would make your page fail validation!
> You need to set the *td* (cell) borders to none.
>
> In CSS:
>
> td { border:none; }
Not at all. Adding the cellspacing="0" will do the trick.
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
==================
"Tim G" <[email protected]> wrote in
message
news:ggka1n$hsh$[email protected]..
> "Westsidebill" <[email protected]>
wrote in message
> news:ggk89j$fpf$[email protected]..
>>I don't seem to be able to get rid of white lines
between tables/cells on
>>my
>> websites. I have the borders set to "0" and no
"Padding", etc. Does
>> anyone
>> have an idea of how to remove these so the cells
blend together. You can
>> see
>> an example on the top graphic of this website:
>>
http://www.peterburnett.org/
>
> Looks to me like you have *table* borders set to "0,"
and cell bordercolor
> set to "0" (not even sure what that does - pretty sure
the answer is
> "nothing").
>
> You need to set the *td* (cell) borders to none.
>
> In CSS:
>
> td { border:none; }
>
>
>
> --
> Tim G.
>
http://www.pactumweb.com
>
http://www.shortordersite.com
>

White lines in tables after conversion

RH8 and Word 2007
I've just done my first successful printed document, and some of the tables (only some) come across with white lines above and below the text that's in them. If I delete the text, the lines stay there. I've tried everything in Word I can to get rid of them (these are single-cell tables that contain Tips and such, with shading and a single outside border), but nothing seems to work. Could it have something to do with the way I'm formatting the tables in RH? Like I said, it's only some tables, but sometimes I will copy one and paste it into another topic and change the text. That's the only thing I do that I'm aware of that might be "unusual."
Thanks!

> Looks to me like you have *table* borders set to "0,"
and cell bordercolor
> set to "0" (not even sure what that does - pretty sure
the answer is
> "nothing").
It also would make your page fail validation!
> You need to set the *td* (cell) borders to none.
>
> In CSS:
>
> td { border:none; }
Not at all. Adding the cellspacing="0" will do the trick.
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
==================
"Tim G" <[email protected]> wrote in
message
news:ggka1n$hsh$[email protected]..
> "Westsidebill" <[email protected]>
wrote in message
> news:ggk89j$fpf$[email protected]..
>>I don't seem to be able to get rid of white lines
between tables/cells on
>>my
>> websites. I have the borders set to "0" and no
"Padding", etc. Does
>> anyone
>> have an idea of how to remove these so the cells
blend together. You can
>> see
>> an example on the top graphic of this website:
>>
http://www.peterburnett.org/
>
> Looks to me like you have *table* borders set to "0,"
and cell bordercolor
> set to "0" (not even sure what that does - pretty sure
the answer is
> "nothing").
>
> You need to set the *td* (cell) borders to none.
>
> In CSS:
>
> td { border:none; }
>
>
>
> --
> Tim G.
>
http://www.pactumweb.com
>
http://www.shortordersite.com
>

Disappearing white lines in standard table mode

I always work in Standard Table Mode -- today I somehow lost
the white lines that help me make sense of it.
Screenshot:
http://www.clicksharpmarketing.com/beta/file_stash/Picture2.png
So it is supposed to look like what you see in the
screenshot, but in actuality there are none of those lines. Did I
accidentally toggle something off?
Thanks
PB

Hi PB!
It sounds like you might be disable CSS layout lines. Open
your visual aid that is in the document tool bar (the icon with an
eye) and see if it’s anabled.
Cheers!

Problem with Thin White Line in PDF

I am encountering an appearance issue in a pdf created from a FrameMaker 11 file, using Adobe Acrobat X Pro and Adobe Acrobat Distiller X. The pdf displays a table that has black lines running vertically between every other column. In the column in between these lines, there appears to be a thin white line displaying. If I enlarge the pdf to 200%, the white line disappers. I right-clicked on the pdf and in the menu under "Page Display Preferences ...", I chose "Page Display" under the "Categories" column and then "Rendering". I then iuncheck the "Enhance thin lines" feature and this removes the thin line from the pdf. However, if I process another pdf for a different FrameMaker 11 file, the "Enhance thin lines" feature is unchecked and this affects the appearance of these other pdfs. Consequently, I need to reselect the "Enhance thin lines" feature in order to process these pdfs. However, if I reselect this, I'm noticing that when I open the pdf that has the thin line issue, the thin line is visible and the "Enhance thin lines" feature is selected. Is there a way to adjust this, so that the "Enhance thin lines" feature is removed for only this one pdf, but is selected for the other pdfs?

I think you are seeing Stitching Lines. If you can zoom in and the width does not change, they likely stitching lines. (Any actual content should scale proportionate)
Do a search for the term .
Stitching Lines are an on screen artifact which do not print (on high resolution ouput) caused by transparency flattening. You use of Distiller joboption probably invokes flattening.
Enhance Thin Lines is a local preference of Acrobat. I doubt it could be retained in a file.

Removing white line in CSS layout

Hello everyone,
I'm hoping that one of you experienced lot can help out a newbie (again!)
I've been getting to grips with CSS and building my layout with it instead of with tables, following the advice of some of you guys on here. It's going great so far, and I can see why you recommended it, but I've hit a roadblock.
At the very top of my page, in a div tag, I have my header image. Just below that, in a new div tag, I have an undefined list of words which I have arranged in a single row. Below that again, I have another image.
What I want is for each of those layers to flow from one to the other, without any white gap in the middle (my page background is white). There is no white gap between my list of words, which are on a green background, and the image below, but between the top image and the block of green background which my row of words is on, there is a white line.
I have tried everything in my limited arsenal of 'expertise', which amounts to trying margin=0 tags on the top image, and on the row of words, but no matter what I try, the white line won't go away. I've double checked to be sure and it isn't part of the image either. When you insert an image in html using src, does DW automatically add a white line underneath that you can't remove in CSS?
I can put up a screenshot if that helps?
Huge thanks in advance for anyone who can help me. This is driving my n00b mind nuts!
Best wishes all,
Jack.

For best answers here, please upload your test page & dependant files to your remote server and post a link so we can see it in our browsers. Also, please tell us which browsers you're seeing this in.
My best guess without benefit of seeing your page is that you may have some default browser margins & padding appearing around one or both images.
In code view, add an inline CSS style to your images like so:
<img style="display:block" src="image1.jpg">
<img style="display:block" src="image2.jpg">
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do I remove a white line between cells?

I have navigation buttons setting on top of a header image. The nav buttons are in one row and the header image is in the row below it. I have all cell padding and margins set to 0 in CSS, however, I still get the thin white line between the nav buttons and the image. Is this an IE problem? Additionally, I have removed all extra spacing within the pages HTML but still to no avail. Does anyone have any expert advice on how to get rid of this thin white strip so the images will butt up together?

Understood,
Here is my HTML
<table id="outerTable" >
<tr><td valign="bottom" id="mainMenu">
    <div><img src="images/home-current.gif"/>
    <a href="screenshots.htm"><img src="images/screenshots.gif" width="80px" height="105px" border="0"/></a>
    <a href="purchase.htm"><img src="images/purchase.gif" width="80px" height="105px"/></a>
    <a href="mailto:[email protected]"><img src="images/contact.gif" width="80px" height="105px"/></a></div>
</td></tr><tr><td id="topbar"><img src="images/golfSharkTopbar.jpg" width="700" height="70" alt="Welcome to Golf Shark Online"></td>
</tr>
and here is my CSS
/* ===== outer table ===== */
#outerTable {
    margin: 0 0;
    width: 700px;
height: 200px;
background: #fff url(images/golfSharkLogo.jpg) no-repeat;
/* ===== topbar ===== */
td#topbar {
    height: 70px;
cellspacing: 0;
cellpadding: 0;
margin: -5 0 0 0
/* ===== main menu ===== */
td#mainMenu {
    height: 125px;
    vertical-align: bottom;
cellspacing: 0;
cellpadding: 0;
#mainMenu div {
    height: 80px;
    margin-left: 350px;
    padding: 0;
vertical-align: bottom;
#mainMenu img {
    margin: 0 0 -5px 0;
padding: 0;
    border: none;

DW8-Fine white line around images

DW8 - On some of my images there is a very fine white line
around the edge when the site is previewed in the browser. The site
has an almost-black background color (181714), and I use the same
color in making the image backgrounds (in Photoshop CS), for
example roll-over images. How do I get rid of this?

You wouldn't set this in the Property inspector, you'd set it
in the CSS,
and the only time you need it would be when the image is
within a link:
a img { border:none; }
Also, you wouldn't expect this effect to produce a white
border - it would
be a blue one (by default).
I'm guessing the fine white line is part of the image (it's
easy to
undercrop when the canvas is white).
> I've noticed
> that in tables, having nothing there is "bigger" than
specifying a zero.
If you have nothing there, you will get the default value for
the all of the
table attributes, which is often (but not always) not zero.
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
==================
"Damaeus" <[email protected]> wrote in
message
news:[email protected]..
> Reading from news:macromedia.dreamweaver,
> "Fugasi" <[email protected]> posted:
>
>> DW8 - On some of my images there is a very fine
white line around the
>> edge when
>> the site is previewed in the browser. The site has
an almost-black
>> background
>> color (181714), and I use the same color in making
the image backgrounds
>> (in
>> Photoshop CS), for example roll-over images. How do
I get rid of this?
>
> Check to make sure that your image border is zero in the
Properties
> Inspector in Dreamweaver for the specific image in
question. I've noticed
> that in tables, having nothing there is "bigger" than
specifying a zero.
> I
> don't think I get a white border around images with
nothing in the image
> border width setting, but see if that works?
>
> Damaeus

A white line in on some of the pages

Hello, i am making this site as a hobby so im not so professional at DW.
But i have this white line thru some of the pages of the site.
On some monitors it doens't show.
I sliced the image and somewhere there is a fault in it and i can't figure it out...(it drives me nuts!!)
Pls help. How can i fix this?
http://www.hummeltieshonk.nl/depeuterspeelzaal.html
Its on the lower left side.
TY Karin

Conditional Comments are not the solution here. When I increase text size (zoom, text only) in my browsers IE, FF or Safari, the page falls apart with a noticeable white gap on the left side and an artifact on the right. This happens because the table row is being stretched to accommodate content in the middle cell. You may need to re-think your design strategy. Use solid background colors. Use real text links in the left navigation column instead of image slices, etc...
Have a look at this 2-part article -
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Good luck, It's a very cute site.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Unwanted white lines and boxes in PDFs viewed on ios

hello - i have been having some serious issues with creating pdfs for mac users.
on windows they look great - no matter what settings i use - however i have been getting feedback that on a mac there are verticle lines or thin white boxes around text within tables.
no matter what settings i try i simply cannot get the pdfs to look like they do on windows machines. i cant understand why they would look different!
i am using word 2010 and acrobat 9 pro.
i have tried toggling 'smooth images' - ensurting i have no cropped images on the page - i have tried just about everything.
if i print to PDF - the vertical lines appear. if i 'save as' PDF the vertical lines are not visible, however the white boxes appear around text. i cant win!
i would appreciate any assistance. if i cant get this to work i will lose this client.
thank you.

hello,
thanks for your response. i have uploaded two versions:
Print to PDF
Save as PDF
Print to PDF is when i print to PDF from Word. this results in the horizontal white lines as seen from page 2 onwards.
Save as is when i save as PDF from Word. this results in the boxes around text within the tables.
please note that my customer will not accept the fact that they use use preview as an excuse. they view many PDFs a day without these problems - in fact they can create their own PDFs from Word and they do not have these lines.
additionally, i have an iphone, and if you view these PDFs on iphone, you can see the lines. unfortunately many of their clients use iphones. so i really need to be able to create these PDFs without these lines.
i appreciate any help you can provide.
thank you.
Mark.

Thin White Line on Right side of project when viewed from web....

I have double checked flash, design and code and I can't seem to correct the small thin white line appreaing to the right of my movie.
Have you all heard of this issues and if so, redirection to the appropriate thread would greatly help.
Thanks again HardLee

If this is the code for the Flash object you are talking about,
function(){return A.apply(null,[this].concat($A(arguments)))}
<table cellpadding="0" cellspacing="0" >
<tr>
<td style="width: 496px" class="style21">
<object id="flash1" data="WORK.swf" type="application/x-shockwave-flash" style="width: 496px; height: 376px">
   <param name="movie" value="WORK.swf" />
   <param name="quality" value="High" />
   <param name="menu" value="false" />
   <param name="scale" value="ExactFit" />
   <param name="salign" value="TR" />
</object>
</td>
<td class="style22">
<img alt="" height="376" src="images/hometable/picbanner2.jpg" width="528" /></td>
</tr>
</table>
I don't see any white line to the right of it using IE8, but here's a few suggestions to try.
1. specify a border="0" for the table.
2. do not specify a width for the td tag, and remove any style for it
3. that embedding code appears to be shy of supporting all browsers. Use the following link to see about utilizing the more recent version of embedding Flash content
http://code.google.com/p/swfobject/
If that is not the Flash content you mean, then you'll need to provide more info as to where it can be found.

How do I get rid of the white line outlining my tabs in the toolbar?

Ever since I downloaded the latest version of Firefox, I have this ugly white line slicing through my toolbar and outlining my tabs. I also use Firefox themes so this is extremely annoying to see in my interface. Does anyone know how to get rid of the damned thing? I am also operating on a Mac. Nothing that I find off the Internet about this issue seems to help.
== This happened ==
Every time Firefox opened
== I downloaded the latest version of Firefox 3.6.3

abdezines wrote:
> firstly, and most importantly, a link to my site.
http:/www.abdezines.com
>
> i am wondering how to bring my design up to the edges on
the page, just like
> this site. when i designed the table the cell pad
boarder etc was all set to 0
> so where have i gone wrong?
Hi
You need to add that following rule to your CSS file:
body {
margin: 0;
padding: 0;
border: 0;
Cheers jojo
Adobe Community Expert for Dreamweaver 8
http://www.webade.co.uk
http://www.ukcsstraining.co.uk/
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm

Lines in tables

I can't seem to change the size of individual lines in tables anymore. Anyone know how to do this?

I believe what Peter was saying is that you can set extremely thick lines between cells, and make them white to give the appearance of separate sections within a table. In this example, I started with a table that looks like this:
I then selected different groups of cells, and changing their fill color and border style. In the screen below, I have selected two cells in the same row, made their fill green, and then selected a solid, 28pt, white stroke for their border in the "Border" section of the "Cell" tab. I then clicked on the icons to add this border style to the top, bottom, and right sides of my group of two cells. I've circled in red the border selections I made here:
After setting up several groups of cells in this manner, as suggested by Peter above, the original table now looks like this:

What is this white line under my preview window?

I accidentally hit T while editing and suddenly there were 2 preview windows in my preview window. I hit T again and it went back to 1 but now there's a white line under my preview screen. What is it? And did it do something to my image? How do I remove it? And what does T do in adobe premiere? And what were those 2 preview images in my preview window?
Here's a picture:
WHITE LINE:
http://i.imgur.com/g9o9dDj.png
2 PREVIEW IMAGES:
http://i.imgur.com/nr1Akqe.png
Please help me, I've worked too hard on this project to have it be ruined now.

Dont think you have to worry about the white line. I think the program monitor is not updating correctly. Resizing the window should fix that.
T is for Trimwindow.
Half way down video tutorial on dynamic trimming.
Adobe Premiere Pro Help | Trimming clips

White Lines Across Powerpoint files converted to PDF

I have a number of PDF files that were created from Microsoft Powerpoint presentations on a Windows PC. The Preview inspector says they were created with Acrobat Distiller 8.2.2. Until recently, these PDFs looked 100% correct when viewed in Preview or Safari. Now, though, they have horizontal white lines across the pages. There are 6 white lines on each page, evenly spaced, each about 1 pixel in height. They stay at 1 pixel in height even when I zoom in/out on the document. At some zoom levels (100% being one of them), the area above and below some lines will become misaligned. When viewed with Adobe Reader 9, the lines are not there but the misalignment is (though it is not exactly the same as in Preview). Unfortunately, I can't say when this started happening other than it was fine in September (2010) and isn't this afternoon (Nov 22, 2010). It happens on a coworker's Macbook Pro as well as my iMac so it is not something unique to my Mac.
Anyone else seeing this? Any ideas as to how to fix it?

Hi, I am having this problem also on my iMac. Some of the images have the lines and some of them don't. When the PDFs are printed, the lines don't show. My problem is that these PDFs will be linked to on a website for the clients to print, and they will seem them with the lines. They are pretty unsightly, and my boss has put this into my lap to figure out, since I am the designer. Did you ever find an answer for this? I don't know where else to turn, since this company is insisting on using Pages, rather than something like InDesign.

White lines in table

Similar Messages

Maybe you are looking for