Votre question

Ecrire dans un design coupé sur Photoshop

Tags :
  • Cellspacing
  • Programmation
Dernière réponse : dans Programmation
22 Septembre 2007 17:49:55

Bonjour à tous et à toutes !
J'aimerai savoir comment écrire dans une partie qui a été coupé sur photoshop ?
Voila le code source :
Citation :

<html>
<head>
<title>Background3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Background3.psd) -->
<table id="Tableau_01" width="954" height="1362" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="31">
<img src="images/Background3_01.gif" width="953" height="219" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="219" alt=""></td>
</tr>
<tr>
<td colspan="31">
<img src="images/Background3_02.gif" width="953" height="28" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/Background3_03.gif" width="203" height="1" alt=""></td>
<td colspan="4" rowspan="2">
<img src="images/Background3_04.gif" width="186" height="56" alt=""></td>
<td rowspan="4">
<img src="images/Background3_05.gif" width="196" height="58" alt=""></td>
<td colspan="18">
<img src="images/Background3_06.gif" width="368" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="2">
<img src="images/Background3_07.gif" width="203" height="56" alt=""></td>
<td colspan="4" rowspan="3">
<img src="images/Background3_08.gif" width="198" height="57" alt=""></td>
<td colspan="13">
<img src="images/Background3_09.gif" width="166" height="55" alt=""></td>
<td rowspan="57">
<img src="images/Background3_10.gif" width="4" height="1113" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="55" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="3">
<img src="images/Background3_11.gif" width="186" height="6" alt=""></td>
<td colspan="13" rowspan="3">
<img src="images/Background3_12.gif" width="166" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="8" rowspan="3">
<img src="images/Background3_13.gif" width="203" height="71" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/Background3_14.gif" width="394" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="13">
<img src="images/Background3_15.gif" width="26" height="206" alt=""></td>
<td colspan="3" rowspan="49">
<img src="images/Background3_16.gif" width="498" height="907" alt=""></td>
<td colspan="2" rowspan="9">
<img src="images/Background3_17.gif" width="8" height="163" alt=""></td>
<td colspan="13" rowspan="2">
<img src="images/Background3_18.gif" width="212" height="83" alt=""></td>
<td rowspan="53">
<img src="images/Background3_19.gif" width="2" height="1052" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/Background3_20.gif" width="6" height="54" alt=""></td>
<td rowspan="2">
<img src="images/Background3_21.gif" width="79" height="32" alt=""></td>
<td colspan="6" rowspan="6">
<img src="images/Background3_22.gif" width="118" height="75" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<img src="images/Background3_23.gif" width="92" height="26" alt=""></td>
<td colspan="9" rowspan="6">
<img src="images/Background3_24.gif" width="120" height="67" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/Background3_25.gif" width="79" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/Background3_26.gif" width="85" height="21" alt=""></td>
<td rowspan="2">
<img src="images/Background3_27.gif" width="7" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/Background3_28.gif" width="85" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<img src="images/Background3_29.gif" width="92" height="20" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2">
<img src="images/Background3_30.gif" width="128" height="22" alt=""></td>
<td colspan="3" rowspan="6">
<img src="images/Background3_31.gif" width="75" height="65" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/Background3_32.gif" width="114" height="13" alt=""></td>
<td colspan="6" rowspan="5">
<img src="images/Background3_33.gif" width="98" height="56" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/Background3_34.gif" width="128" height="21" alt=""></td>
<td rowspan="41">
<img src="images/Background3_35.gif" width="5" height="754" alt=""></td>
<td colspan="8" rowspan="2">
<img src="images/Background3_36.gif" width="117" height="24" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="3">
<img src="images/Background3_37.gif" width="128" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="7" rowspan="2">
<img src="images/Background3_38.gif" width="115" height="19" alt=""></td>
<td>
<img src="images/Background3_39.gif" width="2" height="13" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Background3_40.gif" width="2" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="4">
<img src="images/Background3_41.gif" width="221" height="86" alt=""></td>
<td rowspan="40">
<img src="images/Background3_42.gif" width="8" height="846" alt=""></td>
<td colspan="10">
<img src="images/Background3_43.gif" width="147" height="22" alt=""></td>
<td colspan="4" rowspan="6">
<img src="images/Background3_44.gif" width="68" height="110" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/Background3_45.gif" width="3" height="88" alt=""></td>
<td colspan="9">
<img src="images/Background3_46.gif" width="144" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_47.gif" width="144" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="2">
<img src="images/Background3_48.gif" width="144" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="3">
<img src="images/Background3_49.gif" width="110" height="33" alt=""></td>
<td colspan="6" rowspan="3">
<img src="images/Background3_50.gif" width="111" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_51.gif" width="144" height="19" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="11" rowspan="2">
<img src="images/Background3_52.gif" width="155" height="20" alt=""></td>
<td colspan="3" rowspan="2">
<img src="images/Background3_53.gif" width="60" height="20" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/Background3_54.gif" width="137" height="22" alt=""></td>
<td colspan="4" rowspan="2">
<img src="images/Background3_55.gif" width="84" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="13" rowspan="2">
<img src="images/Background3_56.gif" width="166" height="21" alt=""></td>
<td rowspan="29">
<img src="images/Background3_57.gif" width="49" height="581" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<img src="images/Background3_58.gif" width="221" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/Background3_59.gif" width="166" height="16" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/Background3_60.gif" width="173" height="20" alt=""></td>
<td colspan="3">
<img src="images/Background3_61.gif" width="48" height="20" alt=""></td>
<td rowspan="26">
<img src="images/Background3_62.gif" width="3" height="544" alt=""></td>
<td colspan="12" rowspan="4">
<img src="images/Background3_63.gif" width="163" height="80" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_64.gif" width="207" height="18" alt=""></td>
<td rowspan="28">
<img src="images/Background3_65.gif" width="14" height="659" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_66.gif" width="207" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="2">
<img src="images/Background3_67.gif" width="207" height="18" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/Background3_68.gif" width="163" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_69.gif" width="207" height="22" alt=""></td>
<td colspan="4">
<img src="images/Background3_70.gif" width="92" height="22" alt=""></td>
<td colspan="8">
<img src="images/Background3_71.gif" width="71" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_72.gif" width="207" height="18" alt=""></td>
<td colspan="5" rowspan="2">
<img src="images/Background3_73.gif" width="104" height="24" alt=""></td>
<td colspan="7" rowspan="2">
<img src="images/Background3_74.gif" width="59" height="24" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="2">
<img src="images/Background3_75.gif" width="207" height="30" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/Background3_76.gif" width="120" height="24" alt=""></td>
<td colspan="4" rowspan="4">
<img src="images/Background3_77.gif" width="43" height="59" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_78.gif" width="207" height="13" alt=""></td>
<td colspan="6" rowspan="2">
<img src="images/Background3_79.gif" width="112" height="22" alt=""></td>
<td colspan="2" rowspan="3">
<img src="images/Background3_80.gif" width="8" height="35" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="2">
<img src="images/Background3_81.gif" width="207" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/Background3_82.gif" width="67" height="13" alt=""></td>
<td colspan="4">
<img src="images/Background3_83.gif" width="45" height="13" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_84.gif" width="207" height="32" alt=""></td>
<td colspan="11">
<img src="images/Background3_85.gif" width="158" height="32" alt=""></td>
<td rowspan="14">
<img src="images/Background3_86.gif" width="5" height="358" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Background3_87.gif" width="207" height="87" alt=""></td>
<td colspan="11" rowspan="13">
<img src="images/Background3_88.gif" width="158" height="326" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="87" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Background3_89.gif" width="107" height="30" alt=""></td>
<td colspan="6" rowspan="3">
<img src="images/Background3_90.gif" width="100" height="77" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Background3_91.gif" width="107" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Background3_92.gif" width="107" height="26" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Background3_93.gif" width="137" height="19" alt=""></td>
<td colspan="3" rowspan="12">
<img src="images/Background3_94.gif" width="70" height="297" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Background3_95.gif" width="137" height="24" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Background3_96.gif" width="137" height="24" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Background3_97.gif" width="137" height="19" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Background3_98.gif" width="137" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Background3_99.gif" width="137" height="18" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/Background3_100.gif" width="137" height="24" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="3">
<img src="images/Background3_101.gif" width="137" height="18" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Background3_102.gif" width="498" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="18" rowspan="2">
<img src="images/Background3_103.gif" width="718" height="83" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/Background3_104.gif" width="137" height="129" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="77" alt=""></td>
</tr>
<tr>
<td colspan="18">
<img src="images/Background3_105.gif" width="718" height="52" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="79" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="36" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="160" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="196" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="142" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="49" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Je voudrais écrire sur l'image
Citation :
<td colspan="3" rowspan="49">
<img src="images/Background3_16.gif" width="498" height="907" alt=""></td>


Comment faire ?
Merci d'avance !

Autres pages sur : ecrire design coupe photoshop

22 Septembre 2007 18:02:58

C'est du n'importe quoi se code...

Pour écrire sur une image il faut la mettre en background, par le biais du css à la place de faire des img src..
22 Septembre 2007 18:06:43

Donc sa veut dire que je dois mettre le design en background et apres ecrire tout les boutons par dessus le design et enfin ecrire par exemple les news par dessus le background ?
C'est tres chaud ...
Contenus similaires
23 Septembre 2007 10:08:18

J'ai enlevé tout les boutons du design et maintenant j'ecris sur notepad les liens mais comment faire pour que l'écriture soit tout le temps noire ? Parce lorsque l'on clique elle devient violet annoncant qu'on avait deja clique avant et je voudrais qu'elle reste noire meme apres avoir cliqué ...
23 Septembre 2007 10:18:15

jeyanthan a dit :
J'ai enlevé tout les boutons du design et maintenant j'ecris sur notepad les liens mais comment faire pour que l'écriture soit tout le temps noire ? Parce lorsque l'on clique elle devient violet annoncant qu'on avait deja clique avant et je voudrais qu'elle reste noire meme apres avoir cliqué ...


Met a:visited {color: #000000; /*noir*/} dans ton css.
Si tu veux aussi modifier le style par défaut lorsque tu survoles un lien c'est : a:hover { /*styles*/}
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS