Faire un dégradé en fond de tableau type Cafzone.net

Faire un dégradé en fond de tableau type Cafzone.net - Web design - Graphisme

Marsh Posté le 27-06-2003 à 23:09:43    

Bonjour, je suis en train de me relooker un site et j'aimerai l'agrémenter de jolis ptits dégradés pour les fonds de mes modules, un peu à la manière de www.Cafzone.net, d'après ce que j'ai compris, la chose semble facilitée chez eux car il suffit de remplir la partie extensible avec une couleur unie à l'arrache et d'avoir le dégradé en repeat-x, or, je ne peux pas me le permettre car j'ai recours à une ombre portée.
 
Je cherche une méthode pour faire la chose proprement car mon principal problème à ce stade de "développement" c'est que ma "boite" est découpée en 2 cellules (lignes), c'est donc ingérable pour qqch d'extensible. La seule méthode à laquelle j'ai pensé est très barbare puisqu'elle consiterait à subdiviser un module en tableau de 3 colonnes et 4 lignes...
 
Merci d'avance  :hello:  
 
http://www.masterjul.net/vrac/tab.gif
 
On remarque la cellule de contenu divisée en deux lignes...


Message édité par Master_Jul le 27-06-2003 à 23:10:53

---------------
En français, on écrit "connexion", pas "connection".
Reply

Marsh Posté le 27-06-2003 à 23:09:43   

Reply

Marsh Posté le 28-06-2003 à 00:29:17    

:bounce:


---------------
En français, on écrit "connexion", pas "connection".
Reply

Marsh Posté le 28-06-2003 à 04:57:15    

J'ai du mal à saisir le pb, justement dans l'exemple que tu donnes la coupure au milieu n'as pas l'air de servir à grand chose ..?


Message édité par dushnok le 28-06-2003 à 05:03:24
Reply

Marsh Posté le 28-06-2003 à 08:32:51    

vue shématisée:
 
http://membres.lycos.fr/vulpine/tab.gif

Reply

Marsh Posté le 28-06-2003 à 11:03:18    

DushnoK a écrit :

J'ai du mal à saisir le pb, justement dans l'exemple que tu donnes la coupure au milieu n'as pas l'air de servir à grand chose ..?
 

à partir de la coupure, on passe à une couleur unie, ce qui permet au cadre de s'allonger indéfiniment en longueur


---------------
En français, on écrit "connexion", pas "connection".
Reply

Marsh Posté le 28-06-2003 à 11:05:52    


 
 
hum, je comprend pas très bien, est ce que ça poserait pas le problème de l'ombre portée en l'air ? parceque si je met une couleur unie de background en dessous de l'image, je perd l'image de l'ombre portée :??:


---------------
En français, on écrit "connexion", pas "connection".
Reply

Marsh Posté le 28-06-2003 à 11:16:17    

Master_Jul a écrit :


hum, je comprend pas très bien, est ce que ça poserait pas le problème de l'ombre portée en l'air ? parceque si je met une couleur unie de background en dessous de l'image, je perd l'image de l'ombre portée :??:  


 
Fais d'abord comme ça. Tu verras pour ton blème d'ombre portée pas après  :)

Reply

Marsh Posté le 28-06-2003 à 13:10:45    

Autobot a écrit :


 
Fais d'abord comme ça. Tu verras pour ton blème d'ombre portée pas après  :)  


 
je suis un peu perdu  :sweat: j'ai fait ca :
 
http://www.masterjul.net/vrac/tab2.png
 

Code :
  1. <table width="638" border="0" align="center" cellpadding="0" cellspacing="0" class="tabnews">
  2.               <tr>
  3.                 <td width="10" height="143">&nbsp;</td>
  4.                 <td width="602" height="143"><p>&nbsp;</p>
  5.                   <p>&nbsp;</p>
  6.                   <p>&nbsp;</p>
  7.                   <p>&nbsp;</p>
  8.                   <p>&nbsp;</p>
  9.                   <p>&nbsp;</p>
  10.                   <p>&nbsp;</p>
  11.                   <p>&nbsp;</p>
  12.                   <p>&nbsp;</p>
  13.                   <p>&nbsp;</p>
  14.                   </td>
  15.                 <td width="10" height="143">&nbsp;</td>
  16.               </tr>
  17.               <tr>
  18.                 <td colspan=3> </tr>
  19.               <td colspan=3> </tr>
  20.               <tr>
  21.                 <td height="15">&nbsp;</td>
  22.                 <td height="15" bgcolor="C9D0D2">
  23. <p>&nbsp;</p>
  24.                </td>
  25.                 <td height="15">&nbsp;</td>
  26.               </tr>
  27.             </table>


---------------
En français, on écrit "connexion", pas "connection".
Reply

Marsh Posté le 28-06-2003 à 17:15:54    

C'est que pour la case du milieu j'aurais pensé à ça :
td{background: url(dégradé.gif) repeat-x; background-color: #abcdef}


Message édité par dushnok le 28-06-2003 à 17:16:24
Reply

Sujets relatifs:

Leave a Replay

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