Ombre pour un tableau

Ombre pour un tableau - HTML/CSS - Programmation

Marsh Posté le 26-08-2005 à 12:32:09    

Bjr,
j'ai un prob avec le code ci-joint,
malgré avoir crée une image 10*10 transparante nommé "pix.gif"
je me retrouve toujours avec une couleur orange en arrière plan ??
d'où viens le problème ??
merci  
bye
 
----------------------------------
<SCRIPT><!--
function wr1(dd){document.write('<table cellpadding=0 cellspacing=0 border=0><TR><td bgcolor='+dd+'><img src="pix.gif" height=3 width=3></td><td bgcolor='+dd+'><img src="pix.gif" height=3 width=3></td><td bgcolor='+dd+'><img src="pix.gif" height=3 width=3></td><TD width=3><img src="pix.gif" height=3 width=3></td></TR><TR><td bgcolor='+dd+'><img src="pix.gif" height=3 width=3></td><td bgcolor='+dd+'>');}
function wr2(dd){document.write('</td><td bgcolor='+dd+'><img src="pix.gif" height=3 width=3></td><TD bgcolor=000000><img src="pix.gif" height=3 width=3></td></tr><TR><TD height=3><img src="pix.gif" height=3 width=3></td><TD bgcolor=000000><img src="pix.gif" height=3 width=3></td><TD bgcolor=000000><img src="pix.gif" height=3 width=3></td><TD bgcolor=000000><img src="pix.gif" height=3 width=3></td></tr></table>');}
--></SCRIPT>
 
                  <P>
                  <CENTER>
                  <SCRIPT>wr1('FFCC00')</SCRIPT>
 
                  <TABLE width=300 height="198">
                    <TBODY>
                    <TR>
                      <TD class=g height="194">  
                        <p align="center"> TABLEAU</p>
 </TD></TR></TBODY></TABLE>
<SCRIPT>wr2('FFCC00')</SCRIPT>
                  </CENTER>
--------------------------------------------

Reply

Marsh Posté le 26-08-2005 à 12:32:09   

Reply

Marsh Posté le 26-08-2005 à 12:39:02    

C'est sans doute la bordure d'un de tes éléments...
 
Ton code est caca...
Remet de l'ordre et on te donne la soluce...

Reply

Marsh Posté le 26-08-2005 à 13:47:20    

tu as vu ton code  de merde ?
tu peux me dire l'utilité d'une telle horreur ?
 
ensuite si ton fond est orange, c'est normal : FFCC00
c'est du jaune orangé.
 
Attend j'analyse ton tas de merde histoire de voir à quoi il te sert et je te donne quelque chose de 10x plus simple.
 
edit : La balise [code] c'est pas fait pour les chiens


Message édité par gatsusat le 26-08-2005 à 13:48:00
Reply

Marsh Posté le 26-08-2005 à 13:56:36    

dans le meme style ke ton code kipuducu
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title></title>
  6. <style>
  7. #boite, #boiteOmbre {
  8.  width:200px;
  9.  height:200px;
  10. }
  11. #boite{
  12.  margin-top:-203px;
  13.  background: #FFCC00;
  14.  z-index:999;
  15. }
  16. #boiteOmbre{
  17.  z-index:1;
  18.  margin-left:3px;
  19.  background:black;
  20. }
  21. </style>
  22. </head>
  24. <body>
  27. <div id="boiteOmbre"></div>
  28. <div id="boite">Boite1</div>
  29. </body>
  30. </html>

Reply

Marsh Posté le 26-08-2005 à 14:30:02    

"malgré avoir crée une image 10*10 transparante nommé "pix.gif" je me retrouve toujours avec une couleur orange en arrière plan ??"
 
Heu, je n'ai peut-être pas tout compris mais si justement elle  est TRANSPARENTE, peut-être que c'est normal de voir la couleur de fond, non ?

Reply

Marsh Posté le 26-08-2005 à 14:38:03    

gatsusat a écrit :

dans le meme style ke ton code kipuducu


 
Merci Gatsusat,
c'est effectivement plus simple
bye

Reply

Marsh Posté le 26-08-2005 à 14:43:02    

tu veux peut etre des commentaires sur le code ?

Reply

Marsh Posté le 26-08-2005 à 14:48:02    

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title></title>
  6. <style>
  7. /*Le but du jeu est de créer l'ombre d'une boite
  8. Dans un premier temps, en HTML l'ordre des boites est primordial
  9. la boite ombre doit apparaitre en premier*/
  10. #boite, #boiteOmbre { /*on définit les dimensions des 2 boites*/
  11.  width:200px;
  12.  height:200px;
  13. }
  14. #boite{
  15.  /*On met une marque de -203px pour remontrer 3px au dessus de la boite ombre*/
  16.  margin-top:-203px;
  17.  background: #FFCC00; /*La couleur de fond de notre boite;*/
  18. }
  19. #boiteOmbre{
  20.   /*On décale la boite de 3 pixel vers la droite (donc marge de gauche à 3px) afin qu'elle
  21.   qu'on puisse un peu la voir (effet d'ombre)*/
  22.  margin-left:3px;
  23.  /*On décale cette boite de 3px vers le bas (marge de haut de 3px) afin de laisser la possibilité à la boîte de se placer
  24.  3px au dessus de l'ombre (corrige bug IE au passage*/
  25.  margin-top:3px;
  26.  background:black; /*Couleur de l'ombre*/
  27. }
  28. </style>
  29. </head>
  31. <body>
  34. <div id="boiteOmbre"></div>
  35. <div id="boite">Boite1</div>
  36. </body>
  37. </html>


Message édité par gatsusat le 26-08-2005 à 14:48:17
Reply

Marsh Posté le 26-08-2005 à 15:08:21    

gatsusat a écrit :

tu veux peut etre des commentaires sur le code ?


 
Apperemment il en a rien a scouer  [:spamafote]


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 26-08-2005 à 15:43:44    

esox_ch a écrit :

Apperemment il en a rien a scouer  [:spamafote]


ca pourra toujours servir au prochain boulet

Message cité 1 fois
Reply

Marsh Posté le 26-08-2005 à 15:43:44   

Reply

Marsh Posté le 26-08-2005 à 15:45:12    

Si ca dependait de moi, nos 4 agents de securité auraient beaucoup plus de boulets à entretenir


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 07-06-2009 à 21:49:27    

gatsusat a écrit :


ca pourra toujours servir au prochain boulet


 
Merci de traiter les débutants de boulet  :pfff: . Ce gars est un vrai boulet je te l'accorde. Ni merci ni merde (enfin, plutot merde que merci on dirait^^).  
 
En tout cas merci pour toutes tes explications pour "boulet" car en théorie ce que tu lui as montré est ce que je cherchais. :)

Reply

Sujets relatifs:

Leave a Replay

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