Asuka's profileCrea CacaPhotosBlogListsMore Tools Help

Blog


    aide Astuces Live Spaces - Tables

    Les Tables
     
     
    Tu peux copier et coller la table dans un nouveau billet et regarder le code apres.
     
     

    Table - Commencer 

     

    Text 1  

    Text  2

     

    <TABLE cellPadding=5 align=center border=1>
    <TBODY>
    <TR>
    <TD>
    <P align=center><FONT color=#eeece1>Text 1</FONT></P>
    <TD>
    <P align=center><FONT color=#eeece1>Text 2</FONT></P></TD></TR></TBODY></TABLE>
     

     

    Text  1
    Text  2
    Textl 3
     

     

    <TABLE cellPadding=5 align=center border=1>
    <TBODY>
    <TR>
    <TD><FONT color=#eeece1>Text 1 </FONT>
    <TR>
    <TD><FONT color=#eeece1>Text 2 </FONT>
    <TR>
    <TD><FONT color=#eeece1>Textl 3</FONT></TD></TR></TBODY></TABLE></DIV></FONT>
     

    Tableau Simple

    row 1, colum 1 row 1, colum 2 row 1, colum 3
    row 2, colum 1 row 2, colum 2 row 2, colum 3
    row 3, colum 1 row 3, colum 2 row 3, colum 3



    <TABLE align=center border=1>
    <CAPTION><STRONG><FONT color=#eeece1 size=3></FONT></STRONG></CAPTION>
    <TBODY>
    <TR align=middle>
    <TD><FONT color=#eeece1>row 1, colum 1 </FONT>
    <TD><FONT color=#eeece1>row 1, colum 2 </FONT>
    <TD><FONT color=#eeece1>row 1, colum 3 </FONT></TD></TR>
    <TBODY>
    <TR align=middle>
    <TD><FONT color=#d99694><FONT style="BACKGROUND-COLOR: #ffffff">row 2, colum 1</FONT> </FONT>
    <TD><FONT color=#d99694><FONT style="BACKGROUND-COLOR: #ffffff">row 2, colum 2</FONT> </FONT>
    <TD><FONT style="BACKGROUND-COLOR: #ffffff" color=#d99694>row 2, colum 3</FONT></TD></TR></TBODY>
    <TBODY>
    <TR align=middle>
    <TD><FONT color=#eeece1>row 3, colum 1 </FONT>
    <TD><FONT color=#eeece1>row 3, colum 2 </FONT>
    <TD><FONT color=#eeece1>row 3, colum 3</FONT></TD></TR></TBODY></TBODY></TABLE></DIV></FONT>
     

     

     
     
    Column span
     

    bla bla bla
    colum 1 colum 2 colum 3
      
    <DIV align=center>
    <TABLE cellSpacing=3 cellPadding=3 align=center bgColor=pink border=1>
    <CAPTION><FONT color=#eeece1></FONT></CAPTION>
    <TBODY>
    <TR>
    <TD align=middle width=300 colSpan=3><FONT color=#494429>bla bla bla</FONT>
    <TR>
    <TD align=middle><FONT color=#494429>colum 1 </FONT>
    <TD align=middle><FONT color=#494429>colum 2 </FONT>
    <TD align=middle><FONT color=#494429>colum 3</FONT></TD></TR></TBODY></TABLE></DIV></FONT></DIV>
     
     
    Row span
     

    span 3 rows row 1
    row 2
    row 3
     
       

    <DIV align=center>
    <TABLE cellSpacing=3 cellPadding=3 border=3>
    <CAPTION><FONT color=#eeece1 size=1></FONT></CAPTION>
    <TBODY>
    <TR>
    <TD align=middle width=200 rowSpan=3><FONT color=#eeece1>span 3 rows </FONT>
    <TD align=middle width=200><FONT color=#eeece1>row 1 </FONT>
    <TR>
    <TD align=middle><FONT color=#eeece1>row 2 </FONT>
    <TR>
    <TD align=middle><FONT color=#eeece1>row 3</FONT></TD></TR></TBODY></TABLE></DIV></FONT></DIV>

     
     
     
     
    Tout Ensemble
     
    J'ai fais une table folle! Mais ca vous montre les possibilités.

    row 1 will span 2 colums
    row 2, colum 1 row 2, column 2
    colum 1 spans 3 rows row 3, column 2
    row 4, column 2
    row 5, column 2
     
    row 6, colum 1, table 1
    row1, column 1 table 2 row 1, colum 2, table 2
    row 2, colum 1 table 2 row 2, colum 2,table 2
    row 6, column 2
     
    <DIV align=center>
    <TABLE borderColor=pink cellSpacing=3 cellPadding=3 align=center background=http://i100.photobucket.com/albums/m17/nombril/0022mw.gif border=3>
    <CAPTION><FONT color=#eeece1></FONT></CAPTION>
    <TBODY>
    <TR>
    <TD align=middle bgColor=white colSpan=2><FONT color=black>row 1 will span 2 colums </FONT>
    <TR>
    <TD align=middle><FONT color=#eeece1>row 2, colum 1 </FONT>
    <TD align=middle><FONT color=#eeece1>row 2, column 2 </FONT>
    <TR>
    <TD align=middle rowSpan=3><FONT color=#eeece1>colum 1 spans 3 rows </FONT>
    <TD align=middle width=200><FONT color=#eeece1>row 3, column 2 </FONT>
    <TR>
    <TD align=middle><FONT color=#eeece1>row 4, column 2 </FONT>
    <TR>
    <TD align=middle><FONT color=#eeece1>row 5, column 2 </FONT>
    <TR>
    <TD>
    <TABLE borderColor=blue cellSpacing=3 cellPadding=3 border=3><FONT color=#eeece1>&nbsp; </FONT>
    <CAPTION><FONT color=#eeece1>row 6, colum 1, table 1</FONT></CAPTION>
    <TBODY>
    <TR>
    <TD bgColor=pink><FONT color=#494429>row1, column 1 table 2</FONT>
    <TD><FONT color=#eeece1>row 1, colum 2, table 2 </FONT>
    <TR>
    <TD><FONT color=#eeece1>row 2, colum 1 table 2 </FONT>
    <TD><FONT color=#eeece1>row 2, colum 2,table 2</FONT></TD></TR></TBODY></TABLE>
    <TD align=middle background=http://i100.photobucket.com/albums/m17/nombril/pinkmatrice.gif><FONT color=#eeece1>row 6, column 2</FONT></TD></TR></TBODY></TABLE></DIV></FONT></DIV>
     


     Ce billet peux t'interesser aussi, Ajouter des jolie cadres a tes image (glitters) et Tableaux Avanceés





    Comments (1)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    aurorewrote:
     Vraiment très bien toutes ces astuces, sympa commem ce blog ! ! !
    Sept. 25

    Trackbacks

    The trackback URL for this entry is:
    http://crea-caca-2007.spaces.live.com/blog/cns!526FBC13DF6D91D0!228.trak
    Weblogs that reference this entry
    • None