Gaps between images in table, Photoshop image sliced inserted into Dreamweaver |
Gaps between images in table, Photoshop image sliced inserted into Dreamweaver |
kej |
Aug 27 2012, 02:03 PM
Post
#1
|
Group: Members Posts: 4 Joined: 27-August 12 Member No.: 17,678 |
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> |
pandy |
Aug 27 2012, 02:15 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
|
kej |
Aug 27 2012, 02:22 PM
Post
#3
|
Group: Members Posts: 4 Joined: 27-August 12 Member No.: 17,678 |
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 |
Aug 27 2012, 02:47 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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 |
Aug 27 2012, 05:58 PM
Post
#5
|
Group: Members Posts: 4 Joined: 27-August 12 Member No.: 17,678 |
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 |
Aug 27 2012, 06:06 PM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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 |
Aug 27 2012, 08:03 PM
Post
#7
|
Group: Members Posts: 4 Joined: 27-August 12 Member No.: 17,678 |
I had checked it out in a browser preview.
I was able to fix the problem with the code: valign="top" Thank you! |
Frederiek |
Aug 28 2012, 03:07 AM
Post
#8
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
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 |
Jul 18 2015, 11:18 PM
Post
#9
|
Group: Members Posts: 1 Joined: 18-July 15 Member No.: 23,011 |
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 |
Jul 19 2015, 10:26 AM
Post
#10
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
There are good reasons for using a doctype.
See: http://www.htmlhelp.com/tools/validator/doctype.html http://alistapart.com/article/doctype |
Lo-Fi Version | Time is now: 19th April 2024 - 12:51 AM |