Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Centré Page

0 appréciations
Hors-ligne
:b1: :b1:

J'ai était refuser pour le concours car la page de mon blog n'est pas centré je voudrais savoir comment et avec quel code on peut la centré


Merci d'avance

Cordialement

0 appréciations
Hors-ligne
Merci de ta reponse Nana mais j'ai fait sa et sa a juste decalé le cadre et le menu rien d'autre n'avais changer aurait tu une autre solution Stp

:b2:
fredbzh56630

:b1:

Je pense avoir trouvé la solution, reste à voir ce que ça donne en "réel".
J'ai mis l'image de body dans cadre (il faudrait peut être que tu en mette une dans body car là ça fait une bande noire de chaque côté de ton blog)
J'ai utilisé le % pour le margin-left du cadre
J'ai modifié quelques valeurs pour placer correctement le menu et le contenu.
Voilà je penses que c'est tout, du moins de ce je me souvient car j'ai pas mal pataugé dans ton css.

Je t'envoie ton css par mail pour que ça ne fasse pas un trop long post.

Tu auras sûrement quelques petites choses à peaufiner.

128 appréciations
Hors-ligne
:b1:

Le problème de vouloir positionner le cadre en absolute... je pense???
En principe le cadre est en position relative, sans les attributs top et left.

Bonne soirée :pp:

Salut Fred je n'avez pas vu ton message.
fredbzh56630

Salut ,

Le problème de vouloir positionner le cadre en absolute... je pense???


Oui j'ai vu le "absolute" aussi, mais en modifiant cette valeur le blog partait en quenouille donc j'ai fait les modifications que je dictes plus haut, plus quelques autres mais je ne m'en souvient plus, je commençait à devenir bourrique avec ce css :ptdr:

Pas sûr que ça fonctionne parfaitement mais ça devrais être mieux :oe:

:by:

128 appréciations
Hors-ligne
...

Je connais ce CSS, c'est très difficile à modifier, il est trop personnalisé, on perd beaucoup de temps à rechercher.
Personnellement je n'ose pas trop y toucher, c'est celui qui l'a créé qui doit le maintenir car il doit savoir à quoi servent ses modifications.
C'est un peu pareil pour certains modèles graphiques, les positionnements rendent les modifications délicates, pour pas dire pratiquement impossible.
En plus souvent les problèmes de navigateur

Tant mieux si tu as réussi à l'améliorer.

Bonne nuit


4055 appréciations
Hors-ligne
:b0: , Fred

Je dois dire que j'ai essayé de le bricolé mais j'ai renoncé.


J'ai réussi à remettre un peut d'ordre mais pas à centrer comme je voulais.

Fred tu as plus de patience que moi.

:sol: :sol: :sol:
Désolé wwe-universel, j'ai abandonné.

Derni?re modification le 09-12-2010 ? 11:02:59


0 appréciations
Hors-ligne
:b0: A tousse Fred , et Simon et deja un grand :b2: Pour essayer de m'avoir aider , je vais tester ton CSS fred et je te dit quesque sa donne :oe:

Sa fait 2jours que je suis dedans et j'utilise Dreamwewear CS5 mais rien a faire :snif:

Je continue mon boulot et je vous tien au courant

Merci

Cordialement


0 appréciations
Hors-ligne
:ct: :ct: :ct:

Je pense que c'est tout bon Jai modifié Quelque élément du CSS De Fred
Et Magie il est pas mal centré ^^

Tester sous Firefox , ie9 et google chrome aucun Bug

Pouvez vous le tester et me dire ce que sa donne chez vous SVP ?
[lien]

Merci Beaucoup
fredbzh56630

:b0: wwe-universel

Sous FF et résolution d'écran de 1920 x 1080, ton blog est légèrement sur la gauche, voir capture :flech:

0 appréciations
Hors-ligne
:b1: Fred

Arf Merci et comment arranger sa ?
fredbzh56630



Modifie le margin-left de #cadre, essaie 34%

Faudrait voir ce que ça donne avec d'autres résolutions d'écrans, tu peux faire des tests sur ce site: [lien]

0 appréciations
Hors-ligne
Sa ne marche pas sa la deplacer a droite seulement :'(

aurais tu une autre solution?
merci pour ton aide
fredbzh56630

Si ça ne marche pas, je ne voit pas comment faire Désolé.

4055 appréciations
Hors-ligne
:b1:

Modifie le margin-left de #cadre, essaie 12%
C'est bon sous firefox.


:by:

fredbzh56630

Salut Simon,

Modifie le margin-left de #cadre, essaie 12%


En fait avec la résolution de mon écran, pour que ce soit centré, il faudrait mettre 34%. Je ne vois pas comment régler ce css pour toutes les résolutions d'écrans, là je cale

4055 appréciations
Hors-ligne
RE




C'est pas simple !

En effet si on zoom il tire sur la gauche donc tu as raison de vouloir 34% mais moi je met affichage normal (en 1440x900)

:c9:

Derni?re modification le 09-12-2010 ? 22:06:21


4055 appréciations
Hors-ligne
re

En fait avec la résolution de mon écran, pour que ce soit centré, il faudrait mettre 34%. Je ne vois pas comment régler ce css pour toutes les résolutions d'écrans, là je cale


Normalement si on zoom en petit le blog doit venir en plein milieu très étroit.
Il ne doit pas bouger.
et il est visible par tous les écrans

:pp:


0 appréciations
Hors-ligne
:b1: :b1: a vous 2

Je vais continuer et si je trouve une technique je vous mettrez au courant ;)

Merci a vous tousse

0 appréciations
Hors-ligne
Jai peut être trouver!! :pointex:

Voila ce que j'ai modifier j'ai mis

body
{
font-size : 10pt;
font-family : Arial;
text-align : center;
color:#FFFFFF;
position: relative;
width: 70%;
background-position: left top;
background-repeat:no-repeat;
background-color: #FFFFFF;
background-image: url(http://s2.noelshack.com/uploads/images/16465020933240_background_noel.jpg);

}


Au lieu de

body
{
font-size : 10pt;
font-family : Arial;
text-align : center;
color:#FFFFFF;
position: relative;
height: 1000px;
width: 1256px;

background-position: left top;
background-repeat:no-repeat;
background-color: #FFFFFF;
background-image: url(http://s2.noelshack.com/uploads/images/16465020933240_background_noel.jpg);

}


Pouvez vous me dire ce que sa donne merci :)
fredbzh56630

:b0:

Pour moi il est toujours un peu à gauche, essaie de mettre 85%, ça me semble être une bonne idée de mettre le width en %


0 appréciations
Hors-ligne
:b0: :b0:

Merci de ton aide mes sa ne marche pas bref tampis aprés le concours :)
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Année 2010.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6065 autres membres