A voir également:
- Bordures, code css
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code blocks - Télécharger - Langages
8 réponses
tu veux fixez la largeur de ta page ?
pour que le contenu ne dépasse pas XXX px ?
tu doit utiliser width
pour que le contenu ne dépasse pas XXX px ?
tu doit utiliser width
la largeur de la page est déja fixée. J'ai créé une bordure, je l'ai inséré à gauche grace au code css, mais impossible de l'insérer également a droite.
Voici le code css que j'ai inséré et qui me donne la bordure a gauche :
body
{
width: 760px;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
background-image:url(images/portail.jpg);
background-repeat:repeat-y;
}
Voici le code css que j'ai inséré et qui me donne la bordure a gauche :
body
{
width: 760px;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
background-image:url(images/portail.jpg);
background-repeat:repeat-y;
}
Alors, en fait, tu as une propriété background-position, dont la valeur par défaut en gros c'est en haut à gauche (top left, ou 0% 0%).
Donc ton image d'arrière plan est en haut à gauche et se répète verticalement. Tu as donc une bordure à gauche.
Pour avoir une bordure à droite, il y a plusieurs solutions :
Première solution
Si c'est la même bordure, de créer une div fille de ta div qui a laquelle tu voulais mettre une bordure (cela m'étonne que tu puisse fixer une largeur à body
Donc imaginons que tu as la div #conteneur et sa fille #contenu
Imaginons que la bordure fasse 5px de large
Si ce n'est pas la même bordure (l'image est retournée) il suffit d'attribuer une autre image pour la div, ou de faire une image-sprite (combiner les mêmes images et jouer avec la position)
Deuxième solution
Créer une image de 760px de large, qui contiendra la bordure gauche ET la bordure droite. Puis il suffit de la répéter sur toute la hauteur.
C'est beaucoup de blanc au milieu pour rien, et ca ne marche que pour une largeur fixe
Donc ton image d'arrière plan est en haut à gauche et se répète verticalement. Tu as donc une bordure à gauche.
Pour avoir une bordure à droite, il y a plusieurs solutions :
Première solution
Si c'est la même bordure, de créer une div fille de ta div qui a laquelle tu voulais mettre une bordure (cela m'étonne que tu puisse fixer une largeur à body
Donc imaginons que tu as la div #conteneur et sa fille #contenu
Imaginons que la bordure fasse 5px de large
#conteneur,#contenu{
background-image:url(images/portail.jpg);
background-repeat:repeat-y;
width:760px;
}/*ici j'ai appliqué la largeur et le fond aux deux divs*/
#conteneur{
padding-right:5px;
background-position:top right;
}/*là je met 5px d'espace à droite de la div parente, et je met l'arrière plan à droite*/
#contenu{
background-position:top left;
}/*et là je met mon arrière plan à gauche dans la div fille*/
Si ce n'est pas la même bordure (l'image est retournée) il suffit d'attribuer une autre image pour la div, ou de faire une image-sprite (combiner les mêmes images et jouer avec la position)
Deuxième solution
Créer une image de 760px de large, qui contiendra la bordure gauche ET la bordure droite. Puis il suffit de la répéter sur toute la hauteur.
C'est beaucoup de blanc au milieu pour rien, et ca ne marche que pour une largeur fixe
MErci je vais donc essayer ta premiere solution car le seconde j'y avais pensé mais c du poids par rapport à l'image, et je prefere réussir a trouver une façon par le code pour manipuler les images.
Merci je teste et je reviens dans la soirée pour te tenir au courant.
Dans tous les cas merci de ton aide.
Amicalement
Léa
Merci je teste et je reviens dans la soirée pour te tenir au courant.
Dans tous les cas merci de ton aide.
Amicalement
Léa
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
coucou,
alors j'ai essayé de suivre tes indications car cela me paraissait pas compréhensible...étant novice de la création de site... le plus simple était de tester...enfin du moins d'essayer...et cela n'a pas marché...
Je ne comprends pas trop div fille... Je coule pleinement la ...
J'ai ajouté en fait deux nouvelles div dans ma pahe html et dans mon code css j'ai copier coller tes instructions en ayant baptisé bien entendu à la base conteneur contenu...mais rien n'apparait maintenant...
Au fait, oui c 'est la meme bordure pour les côtés à appliquer...
Merci de ton aide, je vais encore essayer et essayer d'y voir plus clair, j'y perds un peu mon latin....
alors j'ai essayé de suivre tes indications car cela me paraissait pas compréhensible...étant novice de la création de site... le plus simple était de tester...enfin du moins d'essayer...et cela n'a pas marché...
Je ne comprends pas trop div fille... Je coule pleinement la ...
J'ai ajouté en fait deux nouvelles div dans ma pahe html et dans mon code css j'ai copier coller tes instructions en ayant baptisé bien entendu à la base conteneur contenu...mais rien n'apparait maintenant...
Au fait, oui c 'est la meme bordure pour les côtés à appliquer...
Merci de ton aide, je vais encore essayer et essayer d'y voir plus clair, j'y perds un peu mon latin....
Oui j'ai trouvé une solution plus simple.
Nous avons :
* une bordure de 10px de large
* un texte qui doit faire 760px
* les bordures de chaque côté
Je fait une div qui contient le texte. Elle s'apellera #contenu
Je lui applique le background à gauche.
Je met donc 15px de marge intérieur à gauche pour pas que le texte sois sur la bordure.
Je fait une div qui contient la div qui contient le texte, elle s'apellera #conteneur.
Je lui applique le background à droite,
Je met donc 15px de marge intérieur à droite pour pas que le texte sois sur la bordure.
! je met le padding à cette div a cas où il doit y avoir une couleur de fond. Si j'avais mis le padding à la div fille, on aurais vu la bordure de la div d'en dessous à travers elle, mais si on lui mettait une couleur de fond on l'aurais plus vue !
Je met la largeur à 760 + 15 + 15 = 790px
Nous avons :
* une bordure de 10px de large
* un texte qui doit faire 760px
* les bordures de chaque côté
Je fait une div qui contient le texte. Elle s'apellera #contenu
Je lui applique le background à gauche.
Je met donc 15px de marge intérieur à gauche pour pas que le texte sois sur la bordure.
Je fait une div qui contient la div qui contient le texte, elle s'apellera #conteneur.
Je lui applique le background à droite,
Je met donc 15px de marge intérieur à droite pour pas que le texte sois sur la bordure.
! je met le padding à cette div a cas où il doit y avoir une couleur de fond. Si j'avais mis le padding à la div fille, on aurais vu la bordure de la div d'en dessous à travers elle, mais si on lui mettait une couleur de fond on l'aurais plus vue !
Je met la largeur à 760 + 15 + 15 = 790px
