background-image, répétition à interval fixe

Version imprimable

16/07/2012, 22h26
MrMeteo

background-image, répétition à interval fixe

Bonjour,

J'ai un projet de "panneau de contrôle", avec la répétition d'un motif
en image de fond, avec repeat-y en css 2.

Le motif a une hauteur de 16px et je voudrais que l'image se répète
à interval fixe (16px). Donc:

- 16px
- 32px
- 48px, etc

Comme le contenu est dynamique, je ne peux pas donner de height
à cette section.

Donc y a t'il moyen de répéter une image à interval fixe?

Merci d'avance,
Jacques
16/07/2012, 22h42
NoSmoking

Bonjour,
une image en background se répète en x à intervalle de sa largeur et en y à intervalle de sa hauteur sauf indication contraire de répétition.
16/07/2012, 23h00
MrMeteo

1 pièce(s) jointe(s)

Bonjour,

J'ai beau mettre: line-height = 16px; (hauteur de l'image)
cela me donne des détails comme celui-ci:

Jacques
16/07/2012, 23h08
NoSmoking

il faut que tu nous montres la structure de cette partie de ton document ainsi que le CSS associé.

Voici mon html:

Code:

1
2
3
4
5
6
7
8
<div id="manage_do_top"></div>  --- mon entete
  <div id="manage_do">
    ...
    Voici le div qui me cause probleme, parce que alimenté en php
    par des textes de taille (longueur) variable.
    ...
  </div>
<div id="manage_do_bot"></div>  --- mon pied de page

== CSS ==

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#manage_do_top {
  height: 33px;
  background: transparent url('haut.jpg') no-repeat 0px 0px;
}
 
#manage_do {
  padding: 0px 100px;
  line-height: 16px;
  background: transparent url('centre.jpg') repeat-y 0px 0px;
}
#manage_do_bot {
  height: 31px;
  background: transparent url('bas.jpg') no-repeat 0px 0px;
}

Jacques

Ps. Je pourrais faire un script js, mais je cherche simple.

17/07/2012, 22h54
NoSmoking

les textes insérés dans la DIV sont-ils encapsulés dans des balises?

Si tu avais un exemple en ligne, cela serait le top.