CSS repeat
zouzoupet
-
zouzoupet -
zouzoupet -
Bonjour,
S'il vous plait, je débute et j'ai besoin de votre aide, repeat-left ne veux pas se répéter verticalement.
#conteneur{
height: auto;
width: auto;
margin-right: auto;
margin-left: auto;
top: 111px;
position: relative;
background-color: #00C;
}
#repeat-left{
background-image: url(images/left.png);
background-repeat: repeat-y ;
width: 74px;
height:100%;
float:left;
}
#news{
background-color: #936;
height: 300px;
width: 500px;
float:left;
}
#footer{
background-color: #0CC;
height: 50px;
width: 100%
clear: both;
}
------------------------------------
CODE HTML
<body>
<div id="logo"></div>
<div id="menu"></div>
<div id="conteneur">
<div id="repeat-left"></div>
<div id="news"></div>
<div id="footer"></div>
</div>
</body>
MERCI D AVANCE
S'il vous plait, je débute et j'ai besoin de votre aide, repeat-left ne veux pas se répéter verticalement.
#conteneur{
height: auto;
width: auto;
margin-right: auto;
margin-left: auto;
top: 111px;
position: relative;
background-color: #00C;
}
#repeat-left{
background-image: url(images/left.png);
background-repeat: repeat-y ;
width: 74px;
height:100%;
float:left;
}
#news{
background-color: #936;
height: 300px;
width: 500px;
float:left;
}
#footer{
background-color: #0CC;
height: 50px;
width: 100%
clear: both;
}
------------------------------------
CODE HTML
<body>
<div id="logo"></div>
<div id="menu"></div>
<div id="conteneur">
<div id="repeat-left"></div>
<div id="news"></div>
<div id="footer"></div>
</div>
</body>
MERCI D AVANCE
A voir également:
- CSS repeat
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
6 réponses
Salut,
Rapide teste en local et votre code fonctionne très bien. La répétition verticale de la class repeat-left s'exécute correctement.
peut être simplifié en :
Rapide teste en local et votre code fonctionne très bien. La répétition verticale de la class repeat-left s'exécute correctement.
background-image: url(images/left.png); background-repeat: repeat-y ;
peut être simplifié en :
background: url('images/left.png') repeat-y;
Merci de votre réponse mais ça marche pas :(
Regardez j'ai pris une capture de mon écran http://i36.servimg.com/u/f36/12/16/25/08/csspos10.png
J'arrive toujours pas à faire répéter.
Regardez j'ai pris une capture de mon écran http://i36.servimg.com/u/f36/12/16/25/08/csspos10.png
J'arrive toujours pas à faire répéter.
J'ai repris votre code et je n'est pas le même résultat http://img15.hostingpics.net/pics/497192testeccm.png
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question