Tableau 2 colonnes - 1 ligne - avec cadre
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Tableau 2 colonnes - 1 ligne - avec cadre
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
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
Re: Tableau 2 colonnes - 1 ligne - avec cadre
Salut!
Pour faire un tableau, les codes html sont :
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!
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!
Re: Tableau 2 colonnes - 1 ligne - avec cadre
merci c'est super
Re: Tableau 2 colonnes - 1 ligne - avec cadre
comment mettre de la couleur aux contours et un fond pour le tableau
merci
merci
Re: Tableau 2 colonnes - 1 ligne - avec cadre
Salut!
Alors pour les bordures et le fond, tu as un code en CSS qui ressemble à ça :
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>
Re: Tableau 2 colonnes - 1 ligne - avec cadre
merci je vais essayer c'est un peu du charabia pour moi
car actuellement j'ai ce code
<DIV style="BACKGROUND-IMAGE: url(https://i.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>
car actuellement j'ai ce code
<DIV style="BACKGROUND-IMAGE: url(https://i.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>
Sujets similaires
» Tableau cadre d'acceuil
» Qui est en ligne en deux colonnes
» Petit problème de qui est en ligne à deux colonnes
» Suppression des colonnes nombre de messages et sujets - sans saut de ligne
» Arrondire Cadre d'un Tableau
» Qui est en ligne en deux colonnes
» Petit problème de qui est en ligne à deux colonnes
» Suppression des colonnes nombre de messages et sujets - sans saut de ligne
» Arrondire Cadre d'un Tableau
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum