CSS fonction Repeat
yusha
Messages postés
31
Statut
Membre
-
yusha Messages postés 31 Statut Membre -
yusha Messages postés 31 Statut Membre -
Bonjour,
Bonjour,
Je suis une quiche en informatique , j'utilise Dreamweaver et j'ai essayé diverses fonctions tels que repeat-y mais sans succès. J'ai un fond "corps" mais je voudrais le faire répéter du moins la zone d'en bas ...
Voici une image de ce que j'essaie de faire.
http://juza666.free.fr/repetition.JPG
Et lorsque je fais des boucles et de bêtes tests j'obtiens naturellement [url=http://juza666.free.fr/Resultat.jpg]ceci[/url]
Merci d'avance et désolé pour cette question de ... débutant.
Bonjour,
Je suis une quiche en informatique , j'utilise Dreamweaver et j'ai essayé diverses fonctions tels que repeat-y mais sans succès. J'ai un fond "corps" mais je voudrais le faire répéter du moins la zone d'en bas ...
Voici une image de ce que j'essaie de faire.
http://juza666.free.fr/repetition.JPG
Et lorsque je fais des boucles et de bêtes tests j'obtiens naturellement [url=http://juza666.free.fr/Resultat.jpg]ceci[/url]
Merci d'avance et désolé pour cette question de ... débutant.
Configuration: Windows XP Firefox 2.0.0.14
3 réponses
-
-
Re, j'ai crée un mon skin avec des fonctions, repeat ici : http://juza666.free.fr/Skin.rar
Quelqu'un pourrait il me dire ce qui ne va pas ? En effet si je met du gros texte sur le body mais rien sur le menu, le skin plantera. Que faire ? -
Et toujours pas de réponse ...
Voici les codes que j'utilise.Corps { background-image: url(imgskin_r4_c2.png); background-repeat: repeat-x; background-position: center top; font-size: 11px; font-weight: normal; height: auto; width: auto; word-spacing: normal; } .maison { background-image: url(imgskin_r4_c6.png); background-repeat: no-repeat; background-position: center top; font-weight: bolder; font-size: 11px; width: auto; height: auto; } .colone1 { background-image: url(imgskin_r6_c6.png); background-repeat: repeat; background-position: center top; font-weight: auto; font-size: 11px; width: auto; height: auto; } .colone2 { background-image: url(imgskin_r6_c6.png); background-repeat: repeat; background-position: center top; font-weight: auto; font-size: 11px; width: auto; height: auto; } .barre_gauche { background-image: url(imgskin_r4_c1.png); background-repeat: no-repeat; background-position: center top; font-weight: auto; font-size: 11px; width: auto; height: auto; } .Body { background-image: url(imgskin_r4_c2.png); background-repeat: repeat-x; background-position: center top; font-weight: auto; font-size: 11px; width: auto; height: auto; } .barre_gauche2 { background-image: url(imgskin_r5_c1.png); background-repeat: repeat; background-position: center top; font-weight: auto; font-size: 11px; width: auto; height: auto; } .corp_menu { background-image: url(imgskin_r6_c8.png); background-repeat: repeat; background-position: center top; font-weight: auto; font-size: 11px; width: auto; height: auto; }
Re
le code Html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>imgskin.png</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">td img {display: block;}</style> <!--Fireworks 8 Dreamweaver 8 target. Created Sat Jun 21 11:46:02 GMT+0200 2008--> <link href="CSS.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 { font-size: 16px; font-weight: bold; font-style: italic; font-family: Mangal; } .style2 {font-size: 24px; font-weight: bold; font-style: italic; font-family: Mangal; } .style3 { font-size: 14px; font-style: italic; } --> </style> </head> <body bgcolor="#ffffff"> <table border="0" cellpadding="0" cellspacing="0" class="maison"> <!-- fwtable fwsrc="imgskin.png" fwbase="imgskin.png" fwstyle="Dreamweaver" fwdocid = "715824001" fwnested="0" --> <tr> <td><img src="spacer.gif" width="22" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="380" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="70" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="86" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="50" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="14" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="23" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="50" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="172" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="33" height="1" border="0" alt="" /></td> <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td colspan="10"><img name="imgskin_r1_c1" src="imgskin_r1_c1.png" width="900" height="35" border="0" id="imgskin_r1_c1" alt="" /></td> <td><img src="spacer.gif" width="1" height="34" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><img name="imgskin_r2_c1" src="imgskin_r2_c1.png" width="402" height="55" border="0" id="imgskin_r2_c1" alt="" /></td> <td><img name="imgskin_r2_c3" src="imgskin_r2_c3.png" width="70" height="55" border="0" id="imgskin_r2_c3" alt="" /></td> <td><img name="imgskin_r2_c4" src="imgskin_r2_c4.png" width="86" height="55" border="0" id="imgskin_r2_c4" alt="" /></td> <td colspan="2"><img name="imgskin_r2_c5" src="imgskin_r2_c5.png" width="64" height="55" border="0" id="imgskin_r2_c5" alt="" /></td> <td colspan="2"><img name="imgskin_r2_c7" src="imgskin_r2_c7.png" width="73" height="55" border="0" id="imgskin_r2_c7" alt="" /></td> <td colspan="2"><img name="imgskin_r2_c9" src="imgskin_r2_c9.png" width="205" height="55" border="0" id="imgskin_r2_c9" alt="" /></td> <td><img src="spacer.gif" width="1" height="55" border="0" alt="" /></td> </tr> <tr> <td colspan="10"><img name="imgskin_r3_c1" src="imgskin_r3_c1.png" width="900" height="51" border="0" id="imgskin_r3_c1" alt="" /></td> <td><img src="spacer.gif" width="1" height="51" border="0" alt="" /></td> </tr> <tr> <td height="262" background="imgskin_r4_c1.png" class="barre_gauche"> </td> <td colspan="4" rowspan="3" background="imgskin_r4_c2.png" class="Body"><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p class="style1"> </p></td> <td colspan="5" rowspan="2" background="imgskin_r4_c6.png" class="maison"> </td> <td><img src="spacer.gif" width="1" height="262" border="0" alt="" /></td> </tr> <tr> <td rowspan="2" background="imgskin_r5_c1.png" class="barre_gauche2"> </td> <td height="4"><img src="spacer.gif" width="1" height="4" border="0" alt="" /></td> </tr> <tr> <td height="1780" colspan="2" background="imgskin_r6_c6.png" class="colone1"> </td> <td colspan="2" background="imgskin_r6_c8.png"><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p> <p class="corp_menu"> </p></td><td background="imgskin_r6_c6.png" class="colone2"> </td> <td><img src="spacer.gif" width="1" height="416" border="0" alt="" /></td> </tr> <tr> <td colspan="10" background="imgskin_r7_c1.png"> </td> <td><img src="spacer.gif" width="1" height="216" border="0" alt="" /></td> </tr> </table> </body> </html>
