Modification site web: Centrage du site =>
Fermé
VieTgOOx
Messages postés
160
Date d'inscription
dimanche 4 janvier 2009
Statut
Membre
Dernière intervention
9 janvier 2011
-
29 mai 2009 à 15:10
VieTgOOx Messages postés 160 Date d'inscription dimanche 4 janvier 2009 Statut Membre Dernière intervention 9 janvier 2011 - 2 juin 2009 à 15:39
VieTgOOx Messages postés 160 Date d'inscription dimanche 4 janvier 2009 Statut Membre Dernière intervention 9 janvier 2011 - 2 juin 2009 à 15:39
A voir également:
- Modification site web: Centrage du site =>
- Votre colis est dans le site de livraison qui dessert votre adresse. nous le préparons pour le mettre en livraison. ✓ - Forum Consommation et internet
- Comment savoir si un site est fiable - Guide
- Il est en cours de transport vers votre site de livraison ✓ - Forum Consommation et internet
- Site de revente - Guide
- Comment créer un site web - Guide
6 réponses
VieTgOOx
Messages postés
160
Date d'inscription
dimanche 4 janvier 2009
Statut
Membre
Dernière intervention
9 janvier 2011
26
2 juin 2009 à 08:20
2 juin 2009 à 08:20
up =(
VieTgOOx
Messages postés
160
Date d'inscription
dimanche 4 janvier 2009
Statut
Membre
Dernière intervention
9 janvier 2011
26
2 juin 2009 à 11:49
2 juin 2009 à 11:49
J'ai essayé en mettant
div<id="essai"> dans mon header et div#essai dans la feuille css, mais ça ne marche pas.
J'ai même essayé en mettant div#essai dans les deux...sa ne marche toujours pas. Sa ne me reconnais pas la div de mon header. Sa m'affiche toujours la même photo alors que sa devrais la changer en fonction des pages.
Il n'y a que quand je met juste "div" dans les 2 sans identification que sa me met les bonnes photos pour chaque page mais disposées n'importe comment et en beaucoup d'exemplaire un peu partout sur la page, dans les zones texte et autre...
Merci pour la réponse pyschopathe =)
Bien cordialement,
VieTgOOx.
div<id="essai"> dans mon header et div#essai dans la feuille css, mais ça ne marche pas.
J'ai même essayé en mettant div#essai dans les deux...sa ne marche toujours pas. Sa ne me reconnais pas la div de mon header. Sa m'affiche toujours la même photo alors que sa devrais la changer en fonction des pages.
Il n'y a que quand je met juste "div" dans les 2 sans identification que sa me met les bonnes photos pour chaque page mais disposées n'importe comment et en beaucoup d'exemplaire un peu partout sur la page, dans les zones texte et autre...
Merci pour la réponse pyschopathe =)
Bien cordialement,
VieTgOOx.
pyschopathe
Messages postés
1963
Date d'inscription
dimanche 2 mars 2008
Statut
Membre
Dernière intervention
22 mars 2010
137
2 juin 2009 à 11:56
2 juin 2009 à 11:56
Comment ça div<id="essai"> dans ton header ?
Est-ce que le site est en ligne ? Peux-tu m'envoyer l'url ?
Est-ce que le site est en ligne ? Peux-tu m'envoyer l'url ?
VieTgOOx
Messages postés
160
Date d'inscription
dimanche 4 janvier 2009
Statut
Membre
Dernière intervention
9 janvier 2011
26
2 juin 2009 à 12:09
2 juin 2009 à 12:09
Lien envoyé, mais bon, je doute que ça t'aide beaucoup.
Il faut comprendre que la photo en question dont je parle et qui me pose problème est implanté a partir du header. Tu verras sur le site c'est la grande a droite et si tu changes de page tu verras que l'image change.
Il faut comprendre que la photo en question dont je parle et qui me pose problème est implanté a partir du header. Tu verras sur le site c'est la grande a droite et si tu changes de page tu verras que l'image change.
pyschopathe
Messages postés
1963
Date d'inscription
dimanche 2 mars 2008
Statut
Membre
Dernière intervention
22 mars 2010
137
2 juin 2009 à 12:29
2 juin 2009 à 12:29
Oki, tu déclare une partie du style dans le header, logique puisque c'est la partie dynamique. Tout ton design est de taille fixe, on est d'accord ?
Dans ce cas, tu peux faire un truc du genre un body dont la largeur vaut la taille du contenu plus la taille de l'image. Dans le body, tu mets deux div : contenu et image, dont les tailles sont fixées. Il seront placés côté à côte. Dans div#image, tu place l'image en background et dans div#contenu, tu places le site tel qu'il est actuellement.
Dans ce cas, tu peux faire un truc du genre un body dont la largeur vaut la taille du contenu plus la taille de l'image. Dans le body, tu mets deux div : contenu et image, dont les tailles sont fixées. Il seront placés côté à côte. Dans div#image, tu place l'image en background et dans div#contenu, tu places le site tel qu'il est actuellement.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
VieTgOOx
Messages postés
160
Date d'inscription
dimanche 4 janvier 2009
Statut
Membre
Dernière intervention
9 janvier 2011
26
2 juin 2009 à 13:57
2 juin 2009 à 13:57
Dans ma feuille CSS actuellement j'ai ça:
body {
max-width: 1000px;
margin: auto;
padding: 0;
background: transparent url('../images/bande.png') repeat-y scroll 150px 0;/*background: transparent url('../images/bande.png') repeat-y scroll 150px 0;*/ /*En dessous de la div texte, se répète en fonction de la taille en hauteur*/
}
body {
width:expression(
document.documentElement.clientWidth > 1000 ? "1000px":"auto");
}
concernant le body. J'ai mis le margin en auto pour que le site soit centré (en local), bien sur tout, sauf la photo, se centre. Et on voit bien que la taille max du body est de 1000px, soit 700 pour la div "contenu" et 300 pour "essai" ou "image" comme tu l'as appelé.
J'ai créer une div que j'ai appelé essai. Donc dans mon header à la place de
html {
background-image: url("images/'. $imgs[0] .'")
}
j'ai mis:
div#essai {
background-image: url("images/'. $imgs[0] .'")
}
et dans la feuille css j'ai défini cette div ainsi:
div#essai{
width: 300px;
height: 550px;
float: right;
overflow: hidden;
background: white url("../images/fond1.gif") no-repeat scroll 700px 0;
}
ça c'est un code désespéré car j'ai essayé plein de truc mais rien ne marche, sa ne m'affiche même pas la photo...
Donc voilà par rapport à ce que tu me dit il me semble bien que c'est ce que j'ai essayé de faire mais que sa ne marche pas...
Au moment de reconnaitre la div pour laquelle le style définis dans le CSS est destiné sa doit bloquer j'en sais rien...
Euh...a moins que tu ne veuille que je définisse le style dans mon header? ... ah c'est ça que tu voulais dire non?
body {
max-width: 1000px;
margin: auto;
padding: 0;
background: transparent url('../images/bande.png') repeat-y scroll 150px 0;/*background: transparent url('../images/bande.png') repeat-y scroll 150px 0;*/ /*En dessous de la div texte, se répète en fonction de la taille en hauteur*/
}
body {
width:expression(
document.documentElement.clientWidth > 1000 ? "1000px":"auto");
}
concernant le body. J'ai mis le margin en auto pour que le site soit centré (en local), bien sur tout, sauf la photo, se centre. Et on voit bien que la taille max du body est de 1000px, soit 700 pour la div "contenu" et 300 pour "essai" ou "image" comme tu l'as appelé.
J'ai créer une div que j'ai appelé essai. Donc dans mon header à la place de
html {
background-image: url("images/'. $imgs[0] .'")
}
j'ai mis:
div#essai {
background-image: url("images/'. $imgs[0] .'")
}
et dans la feuille css j'ai défini cette div ainsi:
div#essai{
width: 300px;
height: 550px;
float: right;
overflow: hidden;
background: white url("../images/fond1.gif") no-repeat scroll 700px 0;
}
ça c'est un code désespéré car j'ai essayé plein de truc mais rien ne marche, sa ne m'affiche même pas la photo...
Donc voilà par rapport à ce que tu me dit il me semble bien que c'est ce que j'ai essayé de faire mais que sa ne marche pas...
Au moment de reconnaitre la div pour laquelle le style définis dans le CSS est destiné sa doit bloquer j'en sais rien...
Euh...a moins que tu ne veuille que je définisse le style dans mon header? ... ah c'est ça que tu voulais dire non?
pyschopathe
Messages postés
1963
Date d'inscription
dimanche 2 mars 2008
Statut
Membre
Dernière intervention
22 mars 2010
137
2 juin 2009 à 14:28
2 juin 2009 à 14:28
Je te propose de faire un code de ce genre :
Essaie ça et dis-moi, je ne suis pas sûr que ça marche mais bon...
<body>
<div id="contenu">
<!-- Ton site -->
</div>
<div id="image">
<!-- L'image -->
</div>
</body>Et en CSS un truc genre :body {
margin: 0;
padding: 0;
border: 0;
width: 1000px;
min-width: 1000px;
margin: auto;
}
div#contenu {
margin: 0;
padding: 0;
border: 0;
width: 700px;
min-width: 700px;
}
div#images {
margin: 0;
padding: 0;
border: 0;
width: 300px;
min-width: 300px;
}Et dans le code PHP de ta page, tu spécifie les images de fond.
Essaie ça et dis-moi, je ne suis pas sûr que ça marche mais bon...
VieTgOOx
Messages postés
160
Date d'inscription
dimanche 4 janvier 2009
Statut
Membre
Dernière intervention
9 janvier 2011
26
2 juin 2009 à 15:39
2 juin 2009 à 15:39
Sa ne marche pas :$ ...je ne comprend pas pourquoi mais le style défini dans le CSS ne s'applique absolument pas à l'image dans la div...a en devenir fou.
2 juin 2009 à 10:38