Tableau 2 colonnes - 1 ligne - avec cadre

[pinocchio1957]

bonsoir

Je voudrais créer un tableau avec cadre deux colonnes 1 ligne

dans la première colonne mettre
Collectionneur Cartes Postales
"recettes de cuisine"

dans la seconde colonne mettre l'horloge ci dessous
<P align=center>
<OBJECT style="WIDTH: 118px; HEIGHT: 97px" width=118 height=97><PARAM NAME="movie" VALUE="http://www.csalim.com/clocks/786702.swf">
<embed src="http://www.csalim.com/clocks/786702.swf" width="200"
height="200"wmode='transparent' ></embed></OBJECT>



merci de votre aide , le tutorial pour moi c'est de l'abstrait

[Ptite-Tchii]

Salut!

Pour faire un tableau, les codes html sont :

Code:

<table style="width: 100%" border="1">
   <tr>
      <td>TEXTE DE LA PREMIERE COLONNE</td>
      <td>TEXTE DE LA SECONDE COLONNE</td>
   </tr>
</table>

Bien sûr, aprés avec le style CSS, on peut mettre un couleur aux contours, ou pour le fond du tableau^^!
A trés vite!
Tchii!

[pinocchio1957]

merci c'est super

[pinocchio1957]

comment mettre de la couleur aux contours et un fond pour le tableau

merci

[Ptite-Tchii]

Salut!

Alors pour les bordures et le fond, tu as un code en CSS qui ressemble à ça :

Code:

<style type="text/css">
.style1 {
   border: 1px solid #800000;
   background-color: #C0C0C0;
}
</style>

Les codes 1px, #800000 et #C0C0C0 peuvent être changé... en fonction de la taille de ta bordure (1px étant tout petit et 50 étant trés gros) et les autres codes sont les couleurs (le premier celui de la bordure et le dernier celui du fond!

Ensuite tu reprend ton code de ton tableau et tu ajoute bien le référence au style comme ceci...

Code:


<table style="width: 100%" class="style1">
   <tr>
      <td>TEXTE DE LA PREMIÈRE COLONNE</td>
      <td>TEXTE DE LA SECONDE COLONNE</td>
   </tr>
</table>


Tu fais bien attention que tes deux codes soient ensemble dans la même page. Et tout devrait fonctionner comme il faut. Pour les codes couleurs tu peux les trouver sur http://stylescss.free.fr/couleurs.php

Voilà, si tu as d'autres questions n'hésite pas!
A trés vite!
Tchii!!

[Rappel du code]

Code:


<style type="text/css">
.style1 {
   border: 10px solid #800000;
   background-color: #C0C0C0;
}
</style>
<table style="width: 100%" class="style1">
   <tr>
      <td>TEXTE DE LA PREMIÈRE COLONNE</td>
      <td>TEXTE DE LA SECONDE COLONNE</td>
   </tr>
</table>


[pinocchio1957]

merci je vais essayer c'est un peu du charabia pour moi

car actuellement j'ai ce code

<DIV style="BACKGROUND-IMAGE: url(http://i31.servimg.com/u/f31/09/01/59/99/11399210.gif)">
<TABLE style="WIDTH: 100%; HEIGHT: 362px" border=1 ;>
<TBODY>
<TR>
<TD>
<DIV align=center>
<DIV align=center><FONT color=darkorchid size=7 face="Comic Sans MS">
<DIV align=center><FONT face="Comic Sans MS"><FONT face="Century Gothic"><A class=x392x457 title="Agrandir l'image de anouslesamies.centerblog.net" href="http://anouslesamies.centerblog.net/rub-Bonjour-gifs-.html" rel=http://anouslesamies.a.n.pic.centerblog.net/64rb3dbt.gif target=_blank jquery1281619062648="22"><FONT size=3></FONT></A><SPAN class=msg><SPAN style="COLOR: #000000"><IMG alt="" src="/users/1113/26/19/72/smiles/736511.gif" longDesc="41"></SPAN></SPAN></FONT></FONT></DIV>
<DIV class=postbody align=center><FONT face="Comic Sans MS"><FONT face="Century Gothic"><FONT face="Comic Sans MS"><FONT color=#800080 size=3 face="Century Gothic"><SPAN id=text></SPAN></FONT></FONT></FONT></FONT></DIV><FONT face="Comic Sans MS"><FONT face="Century Gothic"><A class=x392x457 title="Agrandir l'image de anouslesamies.centerblog.net" href="http://anouslesamies.centerblog.net/rub-Bonjour-gifs-.html" rel=http://anouslesamies.a.n.pic.centerblog.net/64rb3dbt.gif target=_blank jquery1281619062648="22"></A></FONT></FONT>
<DIV class=postbody align=center><FONT color=darkorchid size=6 face="Comic Sans MS"><SPAN id=text><SPAN id=text><SPAN id=text><SPAN id=text><SPAN id=text><SPAN id=text><SPAN id=text><SPAN id=text><STRONG>Bienvenue sur le Forum</STRONG></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></FONT></DIV></FONT></DIV>
<DIV align=center><FONT color=darkorchid size=6 face="Comic Sans MS"><STRONG>CARTES POSTALES</STRONG></FONT></DIV></DIV>
<DIV align=center><FONT color=darkorchid size=5 face="Comic Sans MS"><STRONG>"Recettes de cuisine"<BR><A title="Agrandir l'image de fondsecrans37.centerblog.net" href="http://fondsecrans37.centerblog.net/rub-barres-separation--3.html" rel=http://fondsecrans37.f.o.pic.centerblog.net/mabdnh78.gif target=_blank jQuery1281704555943="59"><IMG alt=barre src="http://fondsecrans37.f.o.pic.centerblog.net/mabdnh78.gif" width=453 height=52></A><BR></STRONG></FONT></DIV>
<DIV align=center><A class=x533x151 title="Agrandir l'image de petitemimine.centerblog.net" href="http://petitemimine.centerblog.net/rub-barres-de-separation-29.html" rel=http://petitemimine.p.e.pic.centerblog.net/8j8w3g9s.gif target=_blank jquery1281650420930="10"></A></DIV></TD>
<TD>
<DIV align=center><IMG src="http://www.gifs-animes.net/images-image/Aliments/Cuisiniers/Cuisiniers-23.gif"></DIV>
<P align=center>
<OBJECT style="WIDTH: 118px; HEIGHT: 97px" width=118 height=97><PARAM NAME="movie" VALUE="http://www.csalim.com/clocks/786702.swf">
<embed src="http://www.csalim.com/clocks/786702.swf" wmode="transparent" width="200" height="200"></OBJECT></P></TD></TR></TBODY></TABLE>
<DIV style="TEXT-ALIGN: center" ;><FONT style="FONT-FAMILY: Comic Sans MS" color=plum size=6>
<DIV align=center>
<DIV align=center>
<DIV align=center><A href="http://www.gifetgif.com/gif_anime/Fleches/index.php#link" ;></A><A href="http://www.gifetgif.com/gif_anime/Fleches/index.php#link"><IMG onclick="viewer('Gifs Animés Fleches (19).gif','Gifs Animés Fleches (19)',100,90)" border=0 alt="Gifs Animés Fleches (19)" src="http://www.gifetgif.com/gif_anime/Fleches/Gifs%20Anim%E9s%20Fleches%20%2819%29.gif"></A><A href="http://seemania-cuisine-cp.boosterforum.com/"><STRONG>VOTEZ POUR LE FORUM</STRONG></A><IMG border=0 src="http://www.csenergie.qc.ca/st-sauveur/Lucie/GifsAnimes/VerbesAdj/indiquer.gif"></FONT></DIV></DIV></DIV></DIV></DIV>