Discussion :

[Halukard]

Salut,

petit probleme sur les background de mon site, j'ai trois colonne (classique) mais j'ai beau mettre un background repeat-y le fond ne se repete pas.

le html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="entete"></div>
 
<div id="global">
<div id="blocmenugauche">
</div>
 
<div id="blocmenudroite">
 
</div>
 
<div id="menu">
</div>
 
<div id="contenu">
 
</div>
 
<div id="pied"></div>
</div>

J'ai laisser que les div le reste fonctionne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
#global {
width: 800px;
}
 
#blocmenugauche{
float: left;
width:130px;
height:100%;
border : 1px none red;
background:url('images/marge.jpg') repeat-y;
}
 
#blocmenudroite{
float: right;
width:154px;
height:auto;
border : 1px none red;
background:url('images/lien.jpg') repeat-y;
}
 
#contenu {
margin-left: 130px;
margin-right: 154px;
margin-bottom:0px;
margin-top:0px;
}

Le css j'ai mi que les morceaux qui sont utiles (je pense)

Et hop la ou on peu voir le resultat
http://robspo.free.fr/antre2/

en fait j'arrive pas a faire repeter les images de fond.

Si vous avez besoin de plus de chose demander

[Strix]

Salut.
Remplace tes :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
background:url('images/xxxxx..jpg') repeat-y;

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
background-image:url('images/xxxxx..jpg');
background-repeat: repeat-y;

soit :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
#blocmenugauche{
float: left;
width:130px;
height:100%;
border : 1px none red;
background-image:url('images/marge.jpg');
background-repeat: repeat-y;
}
 
#blocmenudroite{
float: right;
width:154px;
height:auto;
border : 1px none red;
background-image:url('images/lien.jpg');
background-repeat: repeat-y;
}

et normalement se sera bon !

Par contre y a cette ligne qui m'embête :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

border : 1px none red;

Pourquoi si tu mets none tu lui donnes 1px et red ?

[Halukard]

non ca marche pas, en plus quand je met un background:url('images/xxxxx..jpg') repeat-y; ou un background:url('images/xxxxx..jpg') no-repeat; ailleur ca fonctionne donc je pense pas que ca vienne de ca.

[Strix]

En effet je me suis trompé... Toutes mes confuses.
C'est pas une histoire de chemin ? (je pose la question, on sait jamais) Peut-être quand rajoutant "../" devant "images"...
On peut voir les Div qui marchent ? Merci

[Halukard]

Ben les autres fonctionne (elle affiche juste des images) seul le contenu change

mon index

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="contenu">
	<?php 
	 include 'news.php';	 
	?>	 
</div>

la page que j'inclu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<span class="titre">.........News</span><div class="principale">
// traitement PHP
</div>

le CSS en rapport a ca

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.titre{
display: block;
background: url("images/titre.jpg") no-repeat;
_width:517px;
height:110px;
font-size: 30px;
font-family: "Bookman Antiqua", Palatino, "Utopia", "Times New Roman", Times, "New Century Schoolbook",  Georgia, "New York", serif;
font:bold;
color:white;
padding-left:325px;
padding-top:40px;
margin-bottom:0px;
}
 
.principale{
margin-bottom:0px;
font-family: Arial, Helvetica, sans-serif;
width:516px;
margin-top:-40px;
_margin-top:0px;
margin-left : 1px;
text-align: left;
letter-spacing: 1px;
border : 1px none red;
background: url('images/contenu.jpg') repeat-y;
background-position:0 0;
padding-left:30px;
}

l'entete, le pied et le menu c'est juste des images en background.

[Strix]

Heu je viens de voir ton code... J'y comprends rien du tout ! Div avant HTML...
Puis y a du PHP qui traine mais je sais pas pourquoi tu as autant de parties <div><html>...</html></div>... !