Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2241 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Ombre pour un tableau

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Ombre pour un tableau

n°1185143
archi57
Posté le 26-08-2005 à 12:32:09  profilanswer
 

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>
--------------------------------------------

mood
Publicité
Posté le 26-08-2005 à 12:32:09  profilanswer
 

n°1185158
xtof_83
Freeride Spirit
Posté le 26-08-2005 à 12:39:02  profilanswer
 

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...

n°1185225
gatsusat
Posté le 26-08-2005 à 13:47:20  profilanswer
 

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
n°1185238
gatsusat
Posté le 26-08-2005 à 13:56:36  profilanswer
 

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>

n°1185298
Beral2
Posté le 26-08-2005 à 14:30:02  profilanswer
 

"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 ?

n°1185314
archi57
Posté le 26-08-2005 à 14:38:03  profilanswer
 

gatsusat a écrit :

dans le meme style ke ton code kipuducu


 
Merci Gatsusat,
c'est effectivement plus simple
bye

n°1185322
gatsusat
Posté le 26-08-2005 à 14:43:02  profilanswer
 

tu veux peut etre des commentaires sur le code ?

n°1185330
gatsusat
Posté le 26-08-2005 à 14:48:02  profilanswer
 

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
n°1185355
esox_ch
Posté le 26-08-2005 à 15:08:21  profilanswer
 

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
n°1185454
gatsusat
Posté le 26-08-2005 à 15:43:44  profilanswer
 

esox_ch a écrit :

Apperemment il en a rien a scouer  [:spamafote]


ca pourra toujours servir au prochain boulet

Message cité 1 fois
mood
Publicité
Posté le 26-08-2005 à 15:43:44  profilanswer
 

n°1185460
esox_ch
Posté le 26-08-2005 à 15:45:12  profilanswer
 

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
n°1892277
charlelech​auve
Posté le 07-06-2009 à 21:49:27  profilanswer
 

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. :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Ombre pour un tableau

 

Sujets relatifs
tri d'un tableau avec des dates[RESOLU]stocker des valeurs en tableau de session ...?
Aligner verticalement un tableau dans un tableau en HTML....Hauteur de tableau centré
Scrollbar dans tableau sans div?[Shell] Comment Faire 1 Tableau Avec Des Colonnes
comment afficher des images generes par GD dans 1 tableau ?tableau et css
[CSS] cellule de tableau...Passer un tableau à 2 dimension via le VB/VBA à une DLL C/C++
Plus de sujets relatifs à : Ombre pour un tableau

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.065 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR