Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I made an image in Photoshop, I used Photoshop slice tool:

Photoshop Slice Tool

Original Image

Original Image

I used "Save for Web Devices" option to export each slice tools in PNG images and it creates a page, HTML page. As simple page, the page looks good but when I included in my project, it looks as a fragmented puzzle, look in picture:

I will paste here the HTML code (with style): http://pastebin.com/U9p3GT5j

This code is a part of complex project and my style.css external CSS style doesn't affect that table or I want where I put the slices to place an input text...

share|improve this question

migrated from stackoverflow.com Jun 17 '11 at 7:40

This question came from our site for professional and enthusiast programmers.

1  
The images don't load for me (slow/bad server?). General tip: slicing images and displaying them in a table is a ancient and bad technique. Since I can't see the images I can't see what you are attempting, but consider learning about modern CSS layouts and use that instead. –  RoToRa Jun 16 '11 at 15:32
1  
I couldn't connect to the shareimage site. Looking at your code, I would recommend a different strategy for constructing your page. Table layouts are difficult to maintain and style rules should go in a separate CSS file - it will make your life much easier when you need to make changes to your style rather than having to hunt through your markup. –  kinakuta Jun 16 '11 at 15:34
    
I changed to imageshack.us host image. –  Teodorescu Jun 17 '11 at 5:38
    
i think what you need to do is to move on, and start using css, eventually you will see how easier it is. w3school is a good place to start, not the best but a good place –  Ibu Jun 17 '11 at 5:42
    
I modified and added last phrase...I want to put an input text in every slice created in PS –  Teodorescu Jun 17 '11 at 5:48

1 Answer 1

up vote 0 down vote accepted

if you are using a table here is what i suggest using

table{
   border-collapse:collapse;
}

this way you will not see the spaces inside the table.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.