Help - Search - Members - Calendar
Full Version: Gaps between images in table
HTMLHelp Forums > Web Authoring > Web Site Functionality
kej
Hi,

I created and sliced an image in Photoshop and inserted the slices into a table in Dreamweaver. All the previews appear fine but when I put the code into the Tumblr (yes, I'm using Tumblr to host the code) lines between each row of images appear. The code is below along with the link to the Tumblr. If anyone has any idea how to get rid of these white spaces it would be much appreciated.

Thank you for your help in advance!
kej

Tumblr

QUOTE

<!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>Kelsey Jacobsen</title>
</head>

<body>
<center>
<table width="550" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="6"><img src="http://farm8.staticflickr.com/7278/7874393660_7f018cb868_b.jpg" width="550" height="74" border="0" /></td>
</tr>
<tr>
<td><img src="http://farm9.staticflickr.com/8303/7874392372_7e6fe9fc20_b.jpg" width="88" height="76" border="0"/></td>
<td><a href="http://www.linkedin.com/in/kelseyjacobsen" target="_blank"><img src="http://farm9.staticflickr.com/8284/7874392416_1bc41881a4_b.jpg" width="101" height="76" border="0" /></a></td>
<td><img src="http://farm9.staticflickr.com/8288/7874392462_a9a4e47163_b.jpg" width="80" height="76" border="0"/></td>
<td><a href="https://plus.google.com/104679744590879272456/" target="_blank"><img src="http://farm9.staticflickr.com/8302/7874392494_636b533cc1_b.jpg" width="90" height="76" border="0" /></a></td>
<td><a href="http://www.vimeo.com/kelseyjacobsen" target="_blank"><img src="http://farm9.staticflickr.com/8302/7874392568_2c4d310d4b_b.jpg" width="89" height="76" border="0" /></a></td>
<td><img src="http://farm9.staticflickr.com/8302/7874392612_79b5163a72_b.jpg" width="102" height="76" border="0"/></td>
</tr>
<tr>
<td><img src="http://farm9.staticflickr.com/8283/7874392666_9d5fb62320_b.jpg" width="88" height="71" border="0"/></td>
<td><a href="http://www.twitter.com/kejdotco" target="_blank"><img src="http://farm9.staticflickr.com/8307/7874392716_e40302d841_b.jpg" width="101" height="71" border="0" /></a></td>
<td><img src="http://farm8.staticflickr.com/7255/7874392762_915d9fdab0_b.jpg" width="80" height="71" border="0"/></td>
<td><img src="http://farm9.staticflickr.com/8290/7874392820_d994bf1633_b.jpg" width="90" height="71" border="0"/></td>
<td><a href="http://www.youtube.com/user/kejcbsnFC" target="_blank"><img src="http://farm9.staticflickr.com/8431/7874392892_9e66fddf8d_b.jpg" width="89" height="71" border="0" /></a></td>
<td><img src="http://farm9.staticflickr.com/8432/7874392940_913b7081e6_b.jpg" width="102" height="71" border="0"/></td>
</tr>
<tr>
<td><img src="http://farm8.staticflickr.com/7125/7874392994_66558fe205_b.jpg" width="88" height="77" border="0"/></td>
<td><a href="http://www.about.me/kelseyjacobsen" target="_blank"><img src="http://farm9.staticflickr.com/8436/7874393050_c2b5b3defb_b.jpg" width="101" height="77" border="0" /></a></td>
<td><img src="http://farm8.staticflickr.com/7252/7874393114_fc62a1dc28_b.jpg" width="80" height="77" border="0"/></td>
<td><img src="http://farm9.staticflickr.com/8303/7874393156_11a881887f_b.jpg" width="90" height="77" border="0"/></td>
<td><a href="http://www.weather.com" target="_blank"><img src="http://farm9.staticflickr.com/8281/7874393210_8539e38fe0_b.jpg" width="89" height="77" border="0" /></a></td>
<td><img src="http://farm9.staticflickr.com/8295/7874393290_2619dfcbdc_b.jpg" width="102" height="77" border="0"/></td>
</tr>
<tr>
<td colspan="6"><img src="http://farm9.staticflickr.com/8443/7874392292_b48308262c_b.jpg" width="550" height="183" border="0"/></td>
</tr>
<tr>
<td><img src="http://farm9.staticflickr.com/8436/7874393352_d8e6db6e89_b.jpg" width="88" height="76" border="0"/></td>
<td><a href="facetime://kelseyejacobsen@gmail.com" target="_blank"><img src="http://farm9.staticflickr.com/8307/7874393424_90eb11fd89_b.jpg" width="101" height="76" border="0" /></a></td>
<td><a href="https://docs.google.com/open?id=0B-hWNFXnc7m3aENmVktZc2J5aEE" target="_blank"><img src="http://farm9.staticflickr.com/8422/7874393476_01da31cfdf_b.jpg" width="80" height="76" border="0" /></a></td>
<td><a href="https://maps.google.com/maps?hl=en&ll=41.486088,-71.32467&spn=0.063526,0.113297&t=m&z=13" target="_blank"><img src="http://farm8.staticflickr.com/7128/7874393516_8d6a067488_b.jpg" width="90" height="76" border="0" /></a></td>
<td><a href="mailto:kelseyejacobsen@gmail.com" target="_blank"><img src="http://farm9.staticflickr.com/8445/7874393568_02082fa4c7_b.jpg" width="89" height="76" border="0" /></a></td>
<td><img src="http://farm9.staticflickr.com/8446/7874393598_6904ae1415_b.jpg" width="102" height="76" /></td>
</tr>
<tr>
<td colspan="6"><img src="http://farm9.staticflickr.com/8422/7874392218_3a809128d4_b.jpg" width="550" height="93" border="0"/></td>
</tr>
</table>
</center>
</body>
</html>






kej
Thank you for that link. It has helped clear up the problem for me but where do I insert the code that they have listed to fix the problem?
pandy
In a style sheet or embedded style block. I don't know what tumblr gives you access to or how you edit your stuff there.
kej
I am editing the code in Dreamweaver. Sorry, I don't have more of an idea of what I'm doing, I just play around and attempt to teach myself what I'm doing. How in Dreamweaver would I edit a style sheet or embedded style block?

Thank you for your help!
pandy
Sorry, I've never used DW either. But it looks like you don't have any style sheets at all, so you need to either create an external style sheet or add a style block.
http://htmlhelp.com/reference/css/style-html.html

BTW you checked that it worked. How did you do that?
kej
I had checked it out in a browser preview.

I was able to fix the problem with the code:

valign="top"

Thank you!
Frederiek
QUOTE
How in Dreamweaver would I edit a style sheet or embedded style block?

If the CSS is embedded in the page, just use the Code button to see the HTML of your page.
External CSS files can be opened as code. Any changes you make there, will affect the rendered page in DW (click Refresh first).

(PS: I had to deal with DW the other day and I hated it! Never again!!)
Sir Nope-a-lot
This problem sucks. If your not reying on anything too fancy, just delete the <doctype!> stuff. Never had this problem in my goecities days..
Frederiek
There are good reasons for using a doctype.
See:
http://www.htmlhelp.com/tools/validator/doctype.html
http://alistapart.com/article/doctype
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2017 Invision Power Services, Inc.