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>... !

[Halukard]

bah je met mes div en place et je fait un include des differentes pages, ya rien de bizarre la dedans ^^ j'ouvre et le ferme mes balises a chaque fois pour pas avoir a faire un echo de tout mon html. et dans mes pages que j'inclue j'ai aussi un peu de mise en page avec des divs.

[Strix]

Oki... Je dois te laisser j'ai rdv avec un client. J'essaye de voir ça ce soir si c'est pas résolu !

[Bisûnûrs]

Regarde la source de ta page (Affichage -> Afficher la source).

Un document HTML (après génération du code en PHP) ne doit contenir qu'une déclaration de DOCTYPE, qu'une balise <html>, <head>, <body>, etc. Or, toi tu as toutes ces balises répétées trois fois pour être gentil.

Quand tu regardes ta source, tu devrais avoir un document structuré de la sorte :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE ...>
<html>
<head>
 
</head>
<body>
 
<!-- TOUT TON CONTENU ICI ->
 
</body>
</html>

Et ceci en un seul exemplaire.

Commence donc par corriger ça ...

[Strix]

Ah ben c'est ce que je disais... C'est le b*rd*l !

[Halukard]

ayé c réglé j'oublis de viré ce qu'il y a lors de la création du fichier par htmlkit a chaque fois.

mais ca ne regle pas mon probleme de css

il y a un moyen de mettre la height en auto pour qu'il prenne toute la place en hauteur en fonction de celui du milieu? parce que le probleme viens de la il ne prend pas toute la hauteur et je peu pas lui donner une taille fixe.

[Strix]

Pour #blocmenudroite c'est pas ('images/lien.jpg') mais ('images/liens.jpg').

Et si tu mets height:auto; au lieu de height:100%; pour #blocmenugauche ?
Ou alors peut-être parce que tu as un espace entre ('images/marge.jpg') et ;... Je sais pas... Je sais plus...