Tableau 2 colonnes - 1 ligne - avec cadre

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Tableau 2 colonnes - 1 ligne - avec cadre

Message par pinocchio1957 le Mer 11 Aoû 2010 - 23:27

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.malware-site.www/clocks/786702.swf">
<embed src="http://www.malware-site.www/clocks/786702.swf" width="200"
height="200"wmode='transparent' ></embed></OBJECT>



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


Dernière édition par pinocchio1957 le Jeu 12 Aoû 2010 - 11:15, édité 1 fois

pinocchio1957
****

Féminin
Messages : 208
Inscrit(e) le : 26/07/2010

http://seemania-collection.1fr1.net/
pinocchio1957 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau 2 colonnes - 1 ligne - avec cadre

Message par Ptite-Tchii le Mer 11 Aoû 2010 - 23:45

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!


Ptite-Tchii
**

Féminin
Messages : 89
Inscrit(e) le : 19/06/2008

http://tchii-forum.forumpro.fr/index.htm
Ptite-Tchii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau 2 colonnes - 1 ligne - avec cadre

Message par pinocchio1957 le Jeu 12 Aoû 2010 - 9:58

merci c'est super

pinocchio1957
****

Féminin
Messages : 208
Inscrit(e) le : 26/07/2010

http://seemania-collection.1fr1.net/
pinocchio1957 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau 2 colonnes - 1 ligne - avec cadre

Message par pinocchio1957 le Mar 17 Aoû 2010 - 19:45

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

merci

pinocchio1957
****

Féminin
Messages : 208
Inscrit(e) le : 26/07/2010

http://seemania-collection.1fr1.net/
pinocchio1957 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau 2 colonnes - 1 ligne - avec cadre

Message par Ptite-Tchii le Ven 20 Aoû 2010 - 14:16

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>

Ptite-Tchii
**

Féminin
Messages : 89
Inscrit(e) le : 19/06/2008

http://tchii-forum.forumpro.fr/index.htm
Ptite-Tchii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau 2 colonnes - 1 ligne - avec cadre

Message par pinocchio1957 le Ven 20 Aoû 2010 - 17:18

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.malware-site.www/clocks/786702.swf">
<embed src="http://www.malware-site.www/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>

pinocchio1957
****

Féminin
Messages : 208
Inscrit(e) le : 26/07/2010

http://seemania-collection.1fr1.net/
pinocchio1957 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum