CSS fonction Repeat

yusha -

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.

Configuration: Windows XP
Firefox 2.0.0.14

Afficher la suite

3 réponses

Réponse 1 / 3
yusha Auteur
up ?
0
Réponse 2 / 3
yusha Auteur
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 ?
0

yusha Auteur

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">&nbsp;</td>
   <td colspan="4" rowspan="3" background="imgskin_r4_c2.png" class="Body"><p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    

    <p class="style1">&nbsp;</p></td>
   <td colspan="5" rowspan="2" background="imgskin_r4_c6.png" class="maison">&nbsp;</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">&nbsp;</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">&nbsp;</td>
   <td colspan="2" background="imgskin_r6_c8.png"><p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>

     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>

     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
     <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>

    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>

    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p>

    <p class="corp_menu">&nbsp;</p>
    <p class="corp_menu">&nbsp;</p></td><td background="imgskin_r6_c6.png" class="colone2">&nbsp;</td>
   <td><img src="spacer.gif" width="1" height="416" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="10" background="imgskin_r7_c1.png">&nbsp;</td>
   <td><img src="spacer.gif" width="1" height="216" border="0" alt="" /></td>
  </tr>
</table>

</body>
</html>

CSS fonction Repeat

3 réponses

Discussions similaires

Newsletters