web-dev-qa-db-fra.com

Problème d'image du tableau HTML après le découpage et l'exportation à partir de Photoshop

J'ai créé une image dans Photoshop, j'ai utilisé l'outil de découpe Photoshop:

Photoshop Slice Tool

Image originale:
Original Image

J'ai utilisé l'option "Enregistrer pour les périphériques Web" pour exporter chaque outil de découpe dans les images PNG et cela crée une page, une page HTML. En tant que page simple, la page a l'air bien, mais quand j'ai inclus dans mon projet, ça ressemble à un puzzle fragmenté, regardez dans l'image:

fragmented puzzle

Je vais coller ici le code HTML (avec style): http://Pastebin.com/U9p3GT5j

Ce code fait partie d'un projet complexe et mon style CSS externe style.css n'affecte pas ce tableau ou je veux où je mets les tranches pour placer un texte d'entrée ...

1
Teodorescu

si vous utilisez un tableau, voici ce que je suggère d'utiliser

table{
   border-collapse:collapse;
}

de cette façon, vous ne verrez pas les espaces à l'intérieur de la table.

0
Ibu