problème de liens

problème de liens - HTML/CSS - Programmation

Marsh Posté le 15-04-2007 à 16:02:55    

Bonjour,
Je vous explique mon problème.
J' ai crée des animations avec un petit programme.
Ce programme me donne ce code qui fonctionne très bien :

Code :
  1. <td
  2. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);"><object
  3. classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  4. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
  5. height="50" width="154"> <param name="eanim"
  6. value="!e-anim:scan"> <param name="movie"
  7. value="scan.swf"> <param name="quality"
  8. value="high"> <embed src="scan.swf" quality="high"
  9. pluginspage="http://www.macromedia.com/go/getflashplayer"
  10. type="application/x-shockwave-flash" height="50"
  11. width="154"> </object></a></td>


Le problème est que cette animation et donc ce code se reproduisent plusieurs fois par page car c' est un bouton.
Ce que j' aimerai c' est mettre un lien différent pour chacune de ces animations et je ne sais pas comment faire.
Merci !!

Reply

Marsh Posté le 15-04-2007 à 16:02:55   

Reply

Marsh Posté le 15-04-2007 à 16:25:14    

il faut que tu donnes tout ton code, pasque là, je ne vois que la fin du lien (</a> ), le début étant <a href="">. il devrait se trouver là:

Code :
  1. <td  style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);"><a href="http://www.monsite.com/cible.ext">


C'est pour ca que tous tes boutons ont la meme cible, ton <a href=""> les englobe tous


Message édité par dartyduck le 15-04-2007 à 16:27:00

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 15-04-2007 à 18:27:41    

Salut et merci à toi.
Je te donne le code entier de la page, je voulais t' éviter ce malheur, les anim en question débutent vers la ligne 180, elle est appelée "scan":

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html><head>
  3. <meta http-equiv="content-type"
  4. content="text/html; charset=ISO-8859-1"><title>Traitement
  5. vidéo</title></head>
  6. <body
  7. style="color: rgb(192, 192, 192); background-color: rgb(0, 0, 0);"
  8. alink="#ff0000" link="#ff0000" vlink="#ff0000"><div
  9. style="text-align: center;"><div
  10. style="text-align: center;"><br></div><br><small><big><br><br></big></small><big><big
  11. style="text-decoration: underline; font-weight: bold;"><big><small>TRAITEMENT
  12. VIDEO<br></small></big></big></big><div
  13. style="text-align: left;">&nbsp; &nbsp; &nbsp;
  14. &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;
  15. &nbsp;&nbsp; &nbsp; &nbsp;
  16. &nbsp;<object
  17. classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  18. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
  19. height="70" width="162"> <param name="eanim"
  20. value="!e-anim:dx"> <param name="movie"
  21. value="dx.swf"> <param name="quality" value="high">
  22. <embed src="dx.swf" quality="high"
  23. pluginspage="http://www.macromedia.com/go/getflashplayer"
  24. type="application/x-shockwave-flash" height="70"
  25. width="162"> </object>&nbsp;&nbsp;&nbsp;
  26. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
  27. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  28. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  29. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  30. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  31. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  32. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  33. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  34. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  35. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  36. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  37. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  38. &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
  39. &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
  40. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  41. &nbsp;&nbsp;&nbsp; <object
  42. classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  43. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
  44. height="80" width="120"> <param name="eanim"
  45. value="!e-anim:platine"> <param name="movie"
  46. value="platine.swf"> <param name="quality"
  47. value="high"> <embed src="platine.swf"
  48. quality="high"
  49. pluginspage="http://www.macromedia.com/go/getflashplayer"
  50. type="application/x-shockwave-flash" height="80"
  51. width="120"> </object>
  52. <br></div><div style="text-align: left;"><br></div><big><big
  53. style="text-decoration: underline; font-weight: bold;"><big><small><br></small></big></big></big><div
  54. style="text-align: left; margin-left: 27px; width: 927px;"><big>&nbsp;&nbsp;&nbsp;
  55. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  56. &nbsp;&nbsp;&nbsp;
  57. &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  58. &nbsp;&nbsp;&nbsp; </big><big>Vous
  59. trouverez ici quelques astuces qui vous permettrons d' effectuer
  60. quelques manipulations sur vos&nbsp;vidéos préférées, qu' elles
  61. soient stockées sur DVD, CD&nbsp;disque dur. Pour des modifications
  62. concernant l' audio d' une vidéo, reportez vous à la rubrique <a
  63. href="traitementaudio.html"><span
  64. style="font-style: italic;">Audio</span></a></big><big><br>Des
  65. liens
  66. de téléchargements seront
  67. systématiquement proposés afin
  68. de vous munir de quelques redoutables logiciels totalement gratuits.<br>De
  69. plus amples informations
  70. vous seront
  71. fournit dans ces tutoriels ainsi que la rubrique "<span
  72. style="font-style: italic;">Comment ça marche</span>"
  73. accessible dans le menu principal du haut de chaque page ou en
  74. cliquant sur "<span style="font-style: italic;">plus d'
  75. infos</span> ".<br><br><br></big></div><div
  76. style="text-align: left;"><table
  77. style="text-align: left; margin-left: 35px; height: 44px; width: 926px;"><tbody><tr
  78. style="background-color: rgb(0, 0, 0);"><td
  79. style="width: 432px; background-position: left top; background-repeat: no-repeat; height: 40px; background-image: url(../photos/entrebleu.jpg); text-align: left;"><div
  80. style="margin-left: 80px;"><a name="dvdsurpc"></a><big><span
  81. style="text-decoration: underline;"><span
  82. style="font-weight: bold;">Les Tutoriels:</span></span></big></div></td>
  83. <td
  84. style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; width: 301px; color: rgb(204, 204, 204); height: 40px; opacity: 0.981;"></td><td
  85. style="text-align: center; background-repeat: no-repeat; background-position: right top; width: 171px; height: 40px; background-image: url(../photos/sortiebleu.jpg);"><span
  86. style="font-weight: bold;"></span><span
  87. style="text-decoration: underline; font-style: italic;"></span><span
  88. style="font-weight: bold; text-decoration: underline;">Logiciels
  89. utilisés</span></td> </tr> </tbody>
  90. </table></div><div style="text-align: left;"><div
  91. style="text-align: left;"><div style="text-align: center;"><div
  92. style="text-align: left;"><div style="text-align: left;"><br><table
  93. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  94. style="background-image: url(../photos/entrebleu.jpg); width: 432px; background-repeat: no-repeat; height: 50px; text-align: center;"><ul><li><span
  95. style="font-weight: bold; text-decoration: underline;">Copier
  96. un DVD en XviD / DivX&nbsp;sur vôtre ordinateur</span></li></ul></td><td
  97. style="width: 301px; color: rgb(204, 204, 204); background-repeat: no-repeat; height: 50px; text-align: center; background-image: url(../photos/milieubleu.jpg); background-position: center;">
  98. <span style="font-weight: bold; text-decoration: underline;"><br></span></td><td
  99. style="background-position: right top; background-image: url(../photos/sortiebleu.jpg); width: 171px; background-repeat: no-repeat; height: 50px; text-align: center;"><a
  100. href="http://sourceforge.net/projects/gordianknot"><span
  101. style="color: rgb(204, 204, 204);"></span><span
  102. style="color: rgb(204, 204, 204); text-decoration: underline;"></span><span
  103. style="font-weight: bold; color: rgb(204, 204, 204); text-decoration: underline;">GORDIAN
  104. KNOT</span><span
  105. style="font-weight: bold; text-decoration: underline;"><br></span><span
  106. style="color: rgb(204, 204, 204);"><span
  107. style="font-style: italic; text-decoration: underline;">télécharger
  108. ici</span></span></a><a
  109. style="color: rgb(204, 204, 204);"
  110. href="http://www.dvdidle.com/fr/free.htm" target="_blank"><span
  111. style="font-style: italic; text-decoration: underline;"></span></a><a
  112. style="color: rgb(204, 204, 204);"
  113. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
  114. target="_blank"><span
  115. style="font-style: italic; text-decoration: underline;"></span></a><a
  116. href="http://www.01net.com/telecharger/windows/Multimedia/encodeurs_et_decodeurs/fiches/26719.html"
  117. target="_blank"><span style="color: rgb(204, 204, 204);"><span
  118. style="font-style: italic; text-decoration: underline;"></span></span></a></td></tr>
  119. <tr> <td
  120. style="height: 45px; width: 432px; text-align: center;">Extraction
  121. d' un DVD vers le disque dur puis compression audio et vidéo</td>
  122. <td style="height: 45px; width: 301px;">- <a
  123. style="color: rgb(204, 204, 204);"
  124. href="commentcamarche.html#Faire_une_copie_d_un_DVD_sur_v%F4tre_"><span
  125. style="font-style: italic; text-decoration: underline;">plus
  126. d' infos</span></a><br>- <a
  127. style="color: rgb(204, 204, 204);"
  128. href="problemes.html#dvddisquedur"><span
  129. style="font-style: italic; text-decoration: underline;">problèmes
  130. parfois rencontrés</span></a></td> <td
  131. style="text-align: center; height: 45px; width: 171px; background-image: url(../photos/logogordian.jpg); background-repeat: no-repeat; background-position: right center;"><span
  132. style="color: rgb(204, 204, 204);"><span
  133. style="text-decoration: underline; font-style: italic;"><br>
  134. </span></span></td> </tr> </tbody></table><a
  135. name="cloneDVD"></a><br></div><table
  136. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  137. style="background-image: url(../photos/entrebleu.jpg); width: 432px; background-repeat: no-repeat; height: 50px; text-align: center;"><ul><li><span
  138. style="font-weight: bold; text-decoration: underline;">Faire
  139. une copie exacte d' un DVD<br></span></li></ul></td>
  140. <td
  141. style="background-position: center top; background-image: url(../photos/milieubleu.jpg); width: 301px; color: rgb(204, 204, 204); background-repeat: no-repeat; height: 50px; text-align: center; font-weight: bold;"><a
  142. href="lexique.html"><span style="font-weight: normal;"><object
  143. classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  144. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
  145. height="50" width="154"> </object></span></a></td><td
  146. style="background-position: right top; background-image: url(../photos/sortiebleu.jpg); width: 171px; background-repeat: no-repeat; height: 50px; text-align: center;"><a
  147. href="http://www.dvdshrink.org/what_fr.html"><span
  148. style="color: rgb(204, 204, 204);"><span
  149. style="font-weight: bold; text-decoration: underline;">DVD
  150. SHRINK</span><br></span></a><div
  151. style="left: 793px; color: rgb(204, 204, 204); position: absolute; top: 686px;"></div><a
  152. href="http://www.dvdshrink.org/what_fr.html"><span
  153. style="color: rgb(204, 204, 204);"><span
  154. style="font-style: italic; text-decoration: underline;">télécharger
  155. ici</span></span></a><a
  156. style="color: rgb(204, 204, 204);"
  157. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
  158. target="_blank"><span
  159. style="font-style: italic; text-decoration: underline;"></span></a><a
  160. href="http://www.01net.com/telecharger/windows/Multimedia/encodeurs_et_decodeurs/fiches/26719.html"
  161. target="_blank"><span style="color: rgb(204, 204, 204);"><span
  162. style="font-style: italic; text-decoration: underline;"></span></span></a></td></tr>
  163. <tr> <td
  164. style="height: 45px; width: 432px; text-align: center;">Faire
  165. le clone d' un DVD en gardant les menus et autres options<br></td>
  166. <td style="height: 45px; width: 301px;"><span
  167. style="color: rgb(204, 204, 204);"><span
  168. style="font-style: italic; text-decoration: underline;"></span></span><a
  169. href="commentcamarche#extrairelecontenudundvd"><span
  170. style="font-style: italic; text-decoration: underline;"></span></a></td><td
  171. style="text-align: center; height: 45px; width: 171px; background-repeat: no-repeat; background-position: right center; background-image: url(../photos/logoDVDshrink.gif);"><span
  172. style="color: rgb(204, 204, 204);"><span
  173. style="text-decoration: underline; font-style: italic;"><br></span></span></td></tr></tbody></table></div></div></div></div><div
  174. style="text-align: left;"><div style="text-align: center;"><div
  175. style="text-align: left;"><div style="text-align: left;"><a
  176. style="font-weight: bold; font-style: italic; text-decoration: underline;"
  177. name="extrairelecontenudundvd"></a><table
  178. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  179. style="background-image: url(../photos/entrebleu.jpg); width: 432px; background-repeat: no-repeat; height: 50px; text-align: center;"><ul><li><span
  180. style="font-weight: bold; text-decoration: underline;">Extraire
  181. le contenu d' un DVD avec DVDFABDECRYPTER</span></li></ul></td>
  182. <td
  183. style="background-position: center top; background-image: url(../photos/milieubleu.jpg); width: 301px; color: rgb(204, 204, 204); background-repeat: no-repeat; height: 50px; text-align: center;"><object
  184. classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  185. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
  186. height="50" width="154"> <param name="eanim"
  187. value="!e-anim:scan"> <param name="movie"
  188. value="scan.swf"> <param name="quality"
  189. value="high"> <embed src="scan.swf" quality="high"
  190. pluginspage="http://www.macromedia.com/go/getflashplayer"
  191. type="application/x-shockwave-flash" height="50"
  192. width="154"> </object></td>
  193. <td
  194. style="background-position: right top; background-image: url(../photos/sortiebleu.jpg); width: 171px; background-repeat: no-repeat; height: 50px; text-align: center;"><a
  195. href="http://www.dvdidle.com/fr/free.htm"><span
  196. style="color: rgb(204, 204, 204);"><span
  197. style="font-weight: bold; text-decoration: underline;">DVDFABDECRYPTER</span><br></span></a>
  198. <div
  199. style="left: 793px; color: rgb(204, 204, 204); position: absolute; top: 686px;"></div><a
  200. href="http://www.dvdidle.com/fr/free.htm"><span
  201. style="color: rgb(204, 204, 204);"><span
  202. style="font-style: italic; text-decoration: underline;">télécharger
  203. ici</span></span></a><a
  204. style="color: rgb(204, 204, 204);"
  205. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
  206. target="_blank"><span
  207. style="font-style: italic; text-decoration: underline;"></span></a><a
  208. href="http://www.01net.com/telecharger/windows/Multimedia/encodeurs_et_decodeurs/fiches/26719.html"
  209. target="_blank"><span style="color: rgb(204, 204, 204);"><span
  210. style="font-style: italic; text-decoration: underline;"></span></span></a></td></tr>
  211. <tr> <td
  212. style="height: 45px; width: 432px; text-align: center;">Séléctionner
  213. et extraire les différents flux d' un DVD ( audio, vidéo,etc ) sur
  214. vôtre disque dur</td> <td style="height: 45px; width: 301px;">-&nbsp;<a
  215. style="color: rgb(204, 204, 204);"
  216. href="commentcamarche.html#extrairelecontenudundvd"> <span
  217. style="font-style: italic; text-decoration: underline;">plus
  218. d' infos</span></a><a
  219. href="commentcamarche#extrairelecontenudundvd"><span
  220. style="font-style: italic; text-decoration: underline;"></span></a>
  221. </td><td
  222. style="text-align: center; height: 45px; width: 171px; background-repeat: no-repeat; background-position: right center; background-image: url(../photos/logodvdfab.jpg);">s</td></tr></tbody></table><span
  223. style="text-decoration: underline;"><span
  224. style="font-weight: bold;"><a name="coupersequencevideo"></a></span></span></div><table
  225. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  226. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center;"><ul><li><span
  227. style="text-decoration: underline;"><span
  228. style="font-weight: bold;">Couper, isoler une séquence d' un
  229. fichier vidéo</span></span></li></ul></td>
  230. <td
  231. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);"><object
  232. classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  233. codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
  234. height="50" width="154"> <param name="eanim"
  235. value="!e-anim:scan"> <param name="movie"
  236. value="scan.swf"> <param name="quality"
  237. value="high"> <embed src="scan.swf" quality="high"
  238. pluginspage="http://www.macromedia.com/go/getflashplayer"
  239. type="application/x-shockwave-flash" height="50"
  240. width="154"> </object></td>
  241. <td
  242. style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg);"><a
  243. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  244. style="color: rgb(204, 204, 204);"><span
  245. style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br></span></a>
  246. <div
  247. style="left: 793px; color: rgb(204, 204, 204); position: absolute; top: 686px;"></div><a
  248. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  249. style="color: rgb(204, 204, 204);"><span
  250. style="font-style: italic; text-decoration: underline;">télécharger
  251. ici</span></span></a></td>
  252. </tr> <tr> <td
  253. style="height: 45px; width: 432px; text-align: center;">Séléctionner
  254. et isoler un extrait d' une vidéo</td>
  255. <td style="height: 45px; width: 301px;">-<span
  256. style="color: rgb(204, 204, 204);"> </span><a
  257. style="color: rgb(204, 204, 204);"
  258. href="commentcamarche.html#couperisolerunesequencevideo"><span
  259. style="font-style: italic; text-decoration: underline;">plus
  260. d' infos</span></a></td> <td
  261. style="text-align: center; height: 45px; width: 171px; background-repeat: no-repeat; background-position: right center; background-image: url(../photos/logovirtual.jpg);"><span
  262. style="color: rgb(204, 204, 204);"><span
  263. style="text-decoration: underline; font-style: italic;"><br>
  264. </span></span></td> </tr> </tbody></table></div></div><span
  265. style="text-decoration: underline;"><span
  266. style="font-weight: bold;"><a
  267. name="page1compresserunevideo"></a></span></span><div
  268. style="text-align: center;"><div style="text-align: left;"><table
  269. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  270. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center;"><ul><li><span
  271. style="text-decoration: underline;"><span
  272. style="font-weight: bold;">Compresser une vidéo</span></span></li></ul></td>
  273. <td
  274. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);">[e-anim:scan]</td>
  275. <td
  276. style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg);"><a
  277. style="color: rgb(204, 204, 204);"
  278. href="../logitheque/DVDDecrypter_3.5.4.0_Fr.exe"><span
  279. style="font-weight: bold;"></span></a><a
  280. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  281. style="color: rgb(204, 204, 204);"><span
  282. style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br>
  283. </span></a> <div
  284. style="left: 793px; top: 686px; position: absolute; color: rgb(204, 204, 204);"></div><a
  285. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  286. style="color: rgb(204, 204, 204);"><span
  287. style="font-style: italic; text-decoration: underline;">télécharger
  288. ici</span></span></a></td>
  289. </tr> <tr> <td
  290. style="height: 45px; width: 432px; text-align: center;">Diminuer
  291. l' espace mémoire d' une vidéo présente sur vôtre ordinateur&nbsp;<span
  292. style="font-style: italic;"></span></td>
  293. <td style="height: 45px; width: 301px;">-<a
  294. style="color: rgb(204, 204, 204);"
  295. href="commentcamarche.html#compresserunevideo"> <span
  296. style="font-style: italic; text-decoration: underline;">plus
  297. d' infos</span></a><br>- <a
  298. style="color: rgb(204, 204, 204);"
  299. href="problemes.html#ouverturevirtualdub"><span
  300. style="font-style: italic; text-decoration: underline;">problèmes
  301. parfois rencontrés</span></a></td> <td
  302. style="text-align: center; height: 45px; width: 171px; background-image: url(../photos/logovirtual.jpg); background-repeat: no-repeat; background-position: right center;"><span
  303. style="color: rgb(204, 204, 204);"><span
  304. style="text-decoration: underline; font-style: italic;"><br></span></span></td></tr></tbody></table><br></div></div><div
  305. style="text-align: center;"><div style="text-align: left;"><table
  306. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  307. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center;"><ul><li><span
  308. style="text-decoration: underline;"><span
  309. style="font-weight: bold;">Assembler des vidéos avi</span></span></li></ul></td>
  310. <td
  311. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);">[e-anim:scan]</td>
  312. <td
  313. style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg);"><a
  314. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  315. style="color: rgb(204, 204, 204);"><span
  316. style="font-weight: bold;"></span><span
  317. style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br></span></a>
  318. <div
  319. style="left: 793px; color: rgb(204, 204, 204); position: absolute; top: 686px;"></div><a
  320. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  321. style="color: rgb(204, 204, 204);"><span
  322. style="font-style: italic; text-decoration: underline;">télécharger
  323. ici</span></span></a>
  324. </td></tr> <tr> <td
  325. style="height: 45px; width: 432px; text-align: center;">Assembler
  326. plusieurs extraits vidéo grâce à Virtualdub
  327. </td><td style="height: 45px; width: 301px;"><span
  328. style="font-style: italic; text-decoration: underline;"></span><span
  329. style="font-style: italic; color: rgb(204, 0, 0);"></span><span
  330. style="text-decoration: underline; font-style: italic;"></span>-
  331. <a style="color: rgb(204, 204, 204);"
  332. href="problemes.html#ouverturevirtualdub"><span
  333. style="font-style: italic; text-decoration: underline;">problèmes
  334. parfois rencontrés</span></a></td>
  335. <td
  336. style="text-align: center; height: 45px; width: 171px; background-image: url(../photos/logovirtual.jpg); background-repeat: no-repeat; background-position: right center;"><span
  337. style="color: rgb(204, 204, 204);"><span
  338. style="text-decoration: underline; font-style: italic;"><br></span></span></td></tr></tbody></table><a
  339. name="desentrelacerunevideo"></a></div></div><div
  340. style="text-align: left;"><div style="text-align: left;"><table
  341. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  342. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center; color: rgb(204, 204, 204);"><ul><li><span
  343. style="font-weight: bold;"><span
  344. style="text-decoration: underline;"><span
  345. style="font-weight: bold;">Désentrelacer une vidéo</span></span></span></li></ul></td>
  346. <td
  347. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg); color: rgb(204, 204, 204);">[e-anim:scan]</td>
  348. <td
  349. style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg);"><a
  350. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  351. style="color: rgb(204, 204, 204);"><span
  352. style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br></span></a>
  353. <div
  354. style="left: 793px; color: rgb(204, 204, 204); position: absolute; top: 686px;"></div><a
  355. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  356. style="color: rgb(204, 204, 204);"><span
  357. style="font-style: italic; text-decoration: underline;">télécharger
  358. ici</span></span></a>
  359. </td></tr> <tr> <td
  360. style="text-align: center; height: 45px; width: 432px;">Supprimer
  361. l' effet peigne d' une vidéo</td> <td
  362. style="height: 45px; width: 301px; color: rgb(204, 204, 204);"><a
  363. style="color: rgb(204, 204, 204);"
  364. href="commentcamarche.html#desentrelacerunevideo"><span
  365. style="font-style: italic;">- plus d' infos</span></a><br>-
  366. <a style="color: rgb(204, 204, 204);"
  367. href="problemes.html#ouverturevirtualdub"><span
  368. style="font-style: italic; text-decoration: underline;">problèmes
  369. parfois rencontrés</span></a></td>
  370. <td
  371. style="text-align: center; height: 45px; width: 171px; background-image: url(../photos/logovirtual.jpg); background-repeat: no-repeat; background-position: right center;"></td></tr></tbody></table></div></div><span
  372. style="font-weight: bold; text-decoration: underline;"><a
  373. name="changerformatvideo"></a></span><table
  374. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  375. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center;"><ul><li><span
  376. style="font-weight: bold; text-decoration: underline;">Changer
  377. le format d' une vidéo en .avi</span><span
  378. style="font-weight: bold; text-decoration: underline; color: rgb(204, 0, 0);"></span></li></ul></td>
  379. <td
  380. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);">[e-anim:scan]</td>
  381. <td
  382. style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg);"><a
  383. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  384. style="color: rgb(204, 204, 204);"><span
  385. style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br>
  386. </span></a> <div
  387. style="left: 793px; top: 686px; position: absolute; color: rgb(204, 204, 204);"></div><a
  388. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  389. style="color: rgb(204, 204, 204);"><span
  390. style="font-style: italic; text-decoration: underline;">télécharger
  391. ici</span></span></a></td>
  392. </tr> <tr> <td
  393. style="height: 45px; width: 432px; text-align: center;">Convertir
  394. les formats MOV, WMV, RM en avi ( DivX, Xvid etc )</td> <td
  395. style="height: 45px; width: 301px;"><span
  396. style="font-style: italic; text-decoration: underline;"></span><span
  397. style="font-style: italic; color: rgb(204, 0, 0);"></span><div
  398. style="text-align: left;"><span
  399. style="font-style: italic; text-decoration: underline;"></span>-
  400. <a style="color: rgb(204, 204, 204);"
  401. href="problemes.html#ouverturevirtualdub"><span
  402. style="font-style: italic; text-decoration: underline;">problèmes
  403. parfois rencontrés</span></a></div><a
  404. style="color: rgb(204, 204, 204);"
  405. href="problemes.html#ouverturevirtualdub"><span
  406. style="font-style: italic; text-decoration: underline;"></span></a></td>
  407. <td
  408. style="text-align: center; height: 45px; width: 171px; background-image: url(../photos/logovirtual.jpg); background-repeat: no-repeat; background-position: right center;"><span
  409. style="color: rgb(204, 204, 204);"><span
  410. style="text-decoration: underline; font-style: italic;"><br></span></span></td></tr></tbody></table><br><table
  411. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  412. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center;"><ul><li><span
  413. style="font-weight: bold; text-decoration: underline;">Convertir
  414. une vidéo au format DVD</span><span
  415. style="font-weight: bold; text-decoration: underline; color: rgb(204, 0, 0);"></span></li></ul></td>
  416. <td
  417. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);">[e-anim:scan]</td>
  418. <td
  419. style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg);"><a
  420. style="color: rgb(204, 204, 204);"
  421. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
  422. target="_blank"><span
  423. style="font-weight: bold; text-decoration: underline;"></span></a><a
  424. style="color: rgb(204, 204, 204);"
  425. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
  426. target="_blank"><span
  427. style="font-style: italic; text-decoration: underline;"></span></a></td></tr><tr><td
  428. style="height: 45px; width: 432px; text-align: center;">Convertir
  429. une vidéo au format DVD pour la lire sur une paltine de salon.<br></td>
  430. <td style="height: 45px; width: 301px;"><span
  431. style="font-style: italic; text-decoration: underline;"></span><span
  432. style="font-style: italic; color: rgb(204, 0, 0);"></span><div
  433. style="text-align: left;"><span
  434. style="font-style: italic; text-decoration: underline;"></span><a
  435. style="color: rgb(204, 204, 204);"
  436. href="problemes.html#ouverturevirtualdub"><span
  437. style="font-style: italic; text-decoration: underline;"></span></a>-
  438. <span style="font-style: italic; text-decoration: underline;">problèmes
  439. parfois rencontrés</span></div><a
  440. style="color: rgb(204, 204, 204);"
  441. href="problemes.html#ouverturevirtualdub"><span
  442. style="font-style: italic; text-decoration: underline;"></span></a></td>
  443. <td style="text-align: center; height: 45px; width: 171px;"><span
  444. style="color: rgb(204, 204, 204);"><span
  445. style="text-decoration: underline; font-style: italic;"><br></span></span></td></tr></tbody></table><br><table
  446. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  447. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center;"><ul><li><span
  448. style="font-weight: bold; text-decoration: underline;">Extraire
  449. des images d' une vidéo</span><span
  450. style="font-weight: bold; text-decoration: underline; color: rgb(204, 0, 0);"></span></li></ul></td>
  451. <td
  452. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);">[e-anim:scan]</td>
  453. <td
  454. style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg);"><a
  455. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  456. style="color: rgb(204, 204, 204);"><span
  457. style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br>
  458. </span></a> <div
  459. style="left: 793px; top: 686px; position: absolute; color: rgb(204, 204, 204);"></div><a
  460. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  461. style="color: rgb(204, 204, 204);"><span
  462. style="font-style: italic; text-decoration: underline;">télécharger
  463. ici</span></span></a></td>
  464. </tr> <tr> <td
  465. style="height: 45px; width: 432px; text-align: center;">Isoler
  466. et enregistrer sous forme de photos une ou plusieurs images d' une vidéo</td>
  467. <td style="height: 45px; width: 301px;"><span
  468. style="font-style: italic; text-decoration: underline;"></span><span
  469. style="font-style: italic; color: rgb(204, 0, 0);"></span><div
  470. style="text-align: left;"><span
  471. style="font-style: italic; text-decoration: underline;"></span>-
  472. <a style="color: rgb(204, 204, 204);"
  473. href="problemes.html#ouverturevirtualdub"><span
  474. style="font-style: italic; text-decoration: underline;">problèmes
  475. parfois rencontrés</span></a></div><a
  476. style="color: rgb(204, 204, 204);"
  477. href="problemes.html#ouverturevirtualdub"><span
  478. style="font-style: italic; text-decoration: underline;"></span></a></td>
  479. <td
  480. style="text-align: center; height: 45px; width: 171px; background-image: url(../photos/logovirtual.jpg); background-repeat: no-repeat; background-position: right center;"><span
  481. style="color: rgb(204, 204, 204);"><span
  482. style="text-decoration: underline; font-style: italic;"><br></span></span></td></tr></tbody></table><a
  483. name="tutochangerlatailledunevideo"></a><table
  484. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  485. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center;"><ul><li><span
  486. style="font-weight: bold; text-decoration: underline;">Changer
  487. la taille d' une vidéo</span><span
  488. style="font-weight: bold; text-decoration: underline; color: rgb(204, 0, 0);"></span></li></ul></td>
  489. <td
  490. style="text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);">[e-anim:scan]</td>
  491. <td
  492. style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg);"><a
  493. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  494. style="color: rgb(204, 204, 204);"><span
  495. style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br>
  496. </span></a> <div
  497. style="left: 793px; top: 686px; position: absolute; color: rgb(204, 204, 204);"></div><a
  498. href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"><span
  499. style="color: rgb(204, 204, 204);"><span
  500. style="font-style: italic; text-decoration: underline;">télécharger
  501. ici</span></span></a></td>
  502. </tr> <tr> <td
  503. style="height: 45px; width: 432px; text-align: center;">Augmentter
  504. / diminuer la hauteur et la largeur d' un vidéo</td> <td
  505. style="height: 45px; width: 301px;"><span
  506. style="font-style: italic; text-decoration: underline;"></span><span
  507. style="font-style: italic; color: rgb(204, 0, 0);"></span><div
  508. style="text-align: left;"><span
  509. style="font-style: italic; text-decoration: underline;"></span><div
  510. style="text-align: left;"><span
  511. style="font-style: italic; text-decoration: underline;"></span>-
  512. <a style="color: rgb(204, 204, 204);"
  513. href="commentcamarche.html#changerlatailledunevideo"><span
  514. style="font-style: italic; text-decoration: underline;">plus
  515. d' infos</span></a><br>- <a
  516. style="color: rgb(204, 204, 204);"
  517. href="problemes.html#ouverturevirtualdub"><span
  518. style="font-style: italic; text-decoration: underline;">problèmes
  519. parfois rencontrés</span></a></div><a
  520. style="color: rgb(204, 204, 204);"
  521. href="problemes.html#ouverturevirtualdub"><span
  522. style="font-style: italic; text-decoration: underline;"></span></a></div><a
  523. style="color: rgb(204, 204, 204);"
  524. href="problemes.html#ouverturevirtualdub"><span
  525. style="font-style: italic; text-decoration: underline;"></span></a></td>
  526. <td
  527. style="text-align: center; height: 45px; width: 171px; background-image: url(../photos/logovirtual.jpg); background-repeat: no-repeat; background-position: right center;"></td></tr></tbody></table><br><table
  528. style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
  529. style="background-repeat: no-repeat; height: 50px; width: 432px; background-image: url(../photos/entrebleu.jpg); text-align: center; color: rgb(204, 204, 204); background-position: left center;"><ul><li><span
  530. style="font-weight: bold; text-decoration: underline;">Synchroniser
  531. son et vidéo</span></li></ul></td> <td
  532. style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; background-image: url(../photos/milieubleu.jpg);">
  533. [e-anim:scan]</td> <td
  534. style="text-align: center; background-repeat: no-repeat; height: 50px; width: 171px; background-image: url(../photos/sortiebleu.jpg); background-position: right center;">
  535. <big style="text-decoration: underline; font-style: italic;"><br></big></td></tr><tr><td
  536. style="height: 45px; width: 432px; text-align: center;">Rattraper
  537. le décalge entre le son et la vidéo<br></td> <td
  538. style="height: 45px; width: 301px;"></td> <td
  539. style="text-align: center; height: 45px; width: 171px; background-repeat: no-repeat; background-position: center;">
  540. </td> </tr> </tbody></table><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div></div></body></html>


Message édité par chrisllers le 15-04-2007 à 18:31:59
Reply

Marsh Posté le 15-04-2007 à 18:47:43    

chrisllers m'a tuer

Reply

Marsh Posté le 15-04-2007 à 19:43:48    

C' est pas moi c' est Omar !!

Reply

Marsh Posté le 15-04-2007 à 20:22:46    

Ton code est ultra nul à chier et donc à débugger c'est juste du gros n'importe quoi.
 
Mais j'ai l'impression que tu veux mettre une anim flash en tant que bouton, et donc tu veux mettre un lien <a href="#"></a> autour de ton flash ? c'est ça ?
Ben dans ce cas ce n'est pas possible.
Il faut obligatoirement soit une animation par bouton ou bien que le flash accepte les flashvars et dans ce cas, il suffit juste de lui passer le lien en paramètre.
 
Mais personnellement il fait quoi de si spécial ton flash ? car franchement un simple gif animée ou un rollover avec 2 images suffirait largement.
 
Ou encore mieux, tu fais tout en CSS

Reply

Marsh Posté le 15-04-2007 à 20:38:29    

Citation :

Ton code est ultra nul à chier et donc à débugger c'est juste du gros n'importe quoi.


 
Quelle pédagogie....et bien on fait comme on peut.
 

Citation :


Mais j'ai l'impression que tu veux mettre une anim flash en tant que bouton, et donc tu veux mettre un lien <a href="#"></a> autour de ton flash ? c'est ça ?


 
exactement.
 

Citation :

ou bien que le flash accepte les flashvars et dans ce cas, il suffit juste de lui passer le lien en paramètre


 
et comment fait on cela ?
Parce que j' arrive à mettre un lien par animation mais ce bouton va se répeter plusieurs fois par page et je ne désire pas créer autant d' animations qu'il y a de liens.
Voilà pourquoi je voulais mettre des liens différents sur la même anim, cette dernière étant répétée plusieurs fois.  
une anim : un lien
la même anim plus bas : un autre lien etc, etc....
 

Citation :


Mais personnellement il fait quoi de si spécial ton flash ? car franchement un simple gif animée ou un rollover avec 2 images suffirait largement.


 
C' est un bouton avec trois étape, inactif, survolé et cliqué avec une sorte d' effet scanner dessus.
 

Citation :

Ou encore mieux, tu fais tout en CSS


 
Ca j' aimerai bien, mais j' ai essayé et je n' y comprends rien au CSS.

Reply

Marsh Posté le 15-04-2007 à 20:48:04    

chrisllers a écrit :

C' est un bouton avec trois étape, inactif, survolé et cliqué avec une sorte d' effet scanner dessus.


Les 3 images sont fixes ?


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 15-04-2007 à 20:53:47    

En fait ça fait comme un seul des boutons de ce menu :
http://chrisllers.free.fr/essai%20deroulant.html

Reply

Marsh Posté le 15-04-2007 à 21:02:12    

chrisllers a écrit :

En fait ça fait comme un seul des boutons de ce menu :
http://chrisllers.free.fr/essai%20deroulant.html


Pourquoi ne fais-tu pas tout le menu en flash ? (une seule grosse anim)
Sinon c'est faisable en javascript dans l'absolu.


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 15-04-2007 à 21:02:12   

Reply

Marsh Posté le 15-04-2007 à 21:09:35    

C' est le cas pour le menu que je t' ai mit.
Mais pour ces fameux boutons qui seront disséminés dans la page, c' est pas jouable car si je change quoi que ce soit à la mise en page, il faudra que je modifie l' anim.
il y a une solution simple d' après toi ?

Message cité 1 fois
Message édité par chrisllers le 15-04-2007 à 21:11:53
Reply

Marsh Posté le 15-04-2007 à 21:24:01    

chrisllers a écrit :

C' est le cas pour le menu que je t' ai mit.
Mais pour ces fameux boutons qui seront disséminés dans la page, c' est pas jouable car si je change quoi que ce soit à la mise en page, il faudra que je modifie l' anim.
il y a une solution simple d' après toi ?


Vraiment simple simple non, si tu veux reproduire exactement le flash, c'est pas faisable en css pur, tu va devoir apprendre du javascript si c'est pas déja fait.
 
Mais de toute façon, ton menu défilant en flash ne pourra de toute façon pas chevaucher le html (texte/images), on est d'accord ?


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 15-04-2007 à 21:32:02    

theredled a écrit :


Mais de toute façon, ton menu défilant en flash ne pourra de toute façon pas chevaucher le html (texte/images), on est d'accord ?


 
C' est bien ce que je me demandais.
Mais je crois qu' on ne peut pas chevaucher le menu déroulant par dessus le html.
Si effectivement le cas, c' est pas très grave, il y a moyen de faire une zone en dessous du menu avec le logo du site par exemple que j' incluerai dans l' anim.
Et pour ces fameux boutons, rien de simple alors ?

Reply

Marsh Posté le 15-04-2007 à 21:34:52    

chrisllers a écrit :

C' est bien ce que je me demandais.
Mais je crois qu' on ne peut pas chevaucher le menu déroulant par dessus le html.
Si effectivement le cas, c' est pas très grave, il y a moyen de faire une zone en dessous du menu avec le logo du site par exemple que j' incluerai dans l' anim.
Et pour ces fameux boutons, rien de simple alors ?


Simple, ça veut rien dire, si t'es prêt à virer l'effet tiroir je peux te faire un code, sinon la flemme :D


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 15-04-2007 à 21:51:57    

Bon....on va laisser tomber, c' est pas grave, au pire je ferai plusieurs anim avec un lien par anim.
Je verrai bien.
Merci de ton aide, bonne soirée !

Reply

Marsh Posté le 15-04-2007 à 22:09:38    

chrisllers a écrit :

Bon....on va laisser tomber, c' est pas grave, au pire je ferai plusieurs anim avec un lien par anim.
Je verrai bien.
Merci de ton aide, bonne soirée !


Ta page va être super lourde, et super pas pratique de laisser un blanc pour le menu défilant...
T'y tiens tant que ça au tiroir qui coulisse ? un simple sous-menu invisible qui apparait au rollover ça suffit pas ?


Message édité par theredled le 15-04-2007 à 22:10:16

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 15-04-2007 à 22:43:31    

mais pourquoi tu utilises pas ce css ? c'est super léger et tu peux changer le bouton au survol (http://duckyduck.free.fr par exemple, sauf que j'ai pas utilisé d'image pour mes boutons, juste du css, mais c'est tout à fait faisable et tres simplement) et tu peux en plus mettre un menu dynamique avec le css !


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 15-04-2007 à 22:50:49    

Le CSS, j' ai passé 4 jours dessus à essayer de faire un mise en page, résultat, j' ai quasi pas avancé en 4 jours et j' en avais plein le crâne.
Alors pour l' instant je laisse comme ça, et si je rencontre une personne qui touche en CSS, je lui demanderai de m' expliquer parce que tout seul, je n' y arrive pas.
J' ai déjà vu les liens du site du zéro, alsace création etc,e tc...

Reply

Marsh Posté le 15-04-2007 à 23:05:45    

et c'est quoi que tu comprends pas en CSS ?

Reply

Marsh Posté le 15-04-2007 à 23:26:04    

wai pasqu'en fait, il faut pas longtemps pour comprendre le principe. Tout connaitre mettra plus de temps, mais c'est pas le but non plus. Et le css permet toutes les mises en page, les possibilités sont infinies. et c'est personnalisé. Ce que j'entends par là c'est que tu fais ce que tu veux, c'est pas un logiciel qui le fait à ta place comme il a envie de le faire. xtof_83 utilise le css, j'utilise le css, il est partout et devient incontournable. (saus si tu fais tout en flash)


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 16-04-2007 à 10:24:11    

Alors en fait, j' ai utilisé le programme Kompozer qui est une amélioration de NVU.
Il a une partie avec un éditeur CSS.
Mais je peux très bien utiliser un fichier CSS externe au programme.
Une chose que je ne comprends pas, c' est la base même :
J' ai une page à faire, avec un menu qui est une anim le titre, un petit texte d' intro et le reste se présente globalement sous forme de tableau, c' est assez régulier, et à mon avis, avec une feuille de style externe, ça doit pas être difficile à faire:  
http://img157.imageshack.us/img157/7539/sanstitre1dw8.th.jpg
 
Je connais un peu les balises ( <h1> le titre </h1> etc  )et que le principe du CSS est de dire aux balises <h1> par exemple de faire telle taille, telle couleur etc, etc.
Idem pour <p> mon texte </p> etc.
Mais par contre, je n' arrive pas à faire comme les tutoriels présentés ( voir ma capture ), avec la photos de fond, le titre du tuto et le reste sur la même ligne.
Et surtout une chose que je ne comprends pas, c' est au départ même.
Comment crée t' on la page HTML de départ ? on tape tout à la suite ?
par exemple sur la capture on a :
"Copier un DVD en Xvid" plus loin "la vidéo" et plus loin " logicile utlilisé".
Je ne sais pas comment le mettre sur la page html est ce que c' est tout à la suite ou il faut sauter des lignes ( </br> ) ?
Enfin voilà, je suis un peu perdu.
Mais c' est vrai que ce serait le top que je sache le faire en CSS.


Message édité par chrisllers le 16-04-2007 à 10:35:14
Reply

Marsh Posté le 16-04-2007 à 23:37:15    

il faut que tu utlitises les blocs div et que tu les organises un peu comme un tableau
Code html:

Code :
  1. <li class="titre_tuto">Copier un DVD en XVid</li><span class="video">Vidéos</span>


Code CSS:

Code :
  1. li {
  2. margin: 0;
  3. padding: 0;
  4. position: relative;
  5. width: 200px;
  6. height: 50px;
  7. background: url('dossier/degrade.jpg');                 //si tu veux pas que ça se repete, tu peux mettre un no-repeat entre ) et ;
  8. float: left;
  9. }
  10. .video {
  11. margin: 0;
  12. padding: 0;
  13. position: relative;
  14. width: 100px;
  15. height: 50px;
  16. background: url('dossier/degrade.jpg');                 //si tu veux pas que ça se repete, tu peux mettre un " no-repeat" entre ) et ;
  17. float: right;
  18. }


J'ai mis un li car j'ai vu que tu voulais une puce (point) pour chaque catégorie. mais sinon tu peux le remlacer par un <span>
J'ai aussi utilisé une class car tu vas répéter cette mise en page plusieurs foir (pour chaque catégorie en somme), alors que pour une utilisation unique d'un bloc dans une page, on utilise un div. (ex: pour un titre,un menu, un pied de page, on utilise un div(#) en général, et pour un surlignement de mot, une miseen gras, italique, des cases comme pour toi, un truc qu'on appellera plusieurs fois dans la page, on utilisera une class(.))


Message édité par dartyduck le 16-04-2007 à 23:42:27

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 17-04-2007 à 09:39:42    

Salut, et merci.
Oui j' avais vu que les class étaient privilégiées pour les répétitions.
Je testerai ça plus tard car je suis en train de travailler sur autre chose sur mon site.
En tout cas c' est vraiment sympa de ta part !
Je te tiendrai au courant dès que je me remets au style.
Merci !!

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed