Marge haut de page et forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Marge haut de page et forum

Message par look69 le Mer 20 Oct 2010 - 14:02

Bonjour,

Je suis désolé si le titre n'est pas très clair mais je n'ai pas su quoi mettre pour être plus précis.

Mon problème est donc le suivant :

Je cherche dans un premier temps à augmenter la marge entre le haut de la page et mon forum (tout ce qui est compris dans le cadre le plus large).

Après avoir fait le tour de la fonction recherche et de pas mal de sujets du forum, je me dit que ce n'est pas possible directement et qu'il faut donc écrire une nouvelle ligne de code CSS.

Je cherche donc encore un peu et à l'aide de ce tutoriel, j'avance un peu ... Smile

http://forum.forumactif.com/questions-reponses-frequentes-f14/les-principaux-identifiants-css-phpbb2-phpbb3-t274033.htm#2441877

Je fait egalement quelques recherches sur les marges et tout ca avec le language CSS.

J'en suis donc arrivé à ce code :

Code:
.page-header{
margin-top: 200px
}

La valeur de 200 est totalement aléatoire. J'étais sur avec 200 de voir la différence Smile
Le problème c'est que rien ne s'est passé.

Etant novice, il y a forcement quelques chose que je n'ai pas compris, fait ou vu comme il faut ... je m'en remet donc à vous pour m'aider si possible

Merci par avance Wink

look69
*

Masculin
Messages : 36
Inscrit(e) le : 16/10/2010

http://forum-veloweb.forum-pro.fr/index.htm
look69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par ge80 le Mer 20 Oct 2010 - 14:14

Bonjour

essayez en ajoutant un ; à la fin de votre ligne ou en remontant } d'une ligne.

Cordialement
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par look69 le Mer 20 Oct 2010 - 14:22

J'ai essayé avec le ; et en remontant le } et malheureusement rien n'a changé.

Le problème ne vient il pas que cette écriture n'est pas compatible ou supportée par le PHPBB3?

L'identifiant est il bien le bon ? Ne couvre il pas uniquement l'en-tête ?

look69
*

Masculin
Messages : 36
Inscrit(e) le : 16/10/2010

http://forum-veloweb.forum-pro.fr/index.htm
look69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par ge80 le Mer 20 Oct 2010 - 14:24

Le forum est-il celui de votre profil ?

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par look69 le Mer 20 Oct 2010 - 14:25

Oui tout a fait Smile

EDIT : Le but est mettre ma bannière en fond. Peut être que je peux plus simplement supprimer l'emplacement innitial de la bannière ?

look69
*

Masculin
Messages : 36
Inscrit(e) le : 16/10/2010

http://forum-veloweb.forum-pro.fr/index.htm
look69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par ge80 le Mer 20 Oct 2010 - 14:34

Pour descendre la marge logo.

Code:

#logo-desc{

margin-top:1000px;

}

A essayer pour l'effet.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par look69 le Mer 20 Oct 2010 - 14:38

Ca bouge !!!

La marge n'a pas augmenté mais l’intérieur du cadre lui s'est agrandi... de 1000 px Smile

Petite question : Quelle est la différence entre les identifiants qui commencent par un . , un # ou rien du tout ?

Je rétablis comme avant le code que vous m'avez donné.

look69
*

Masculin
Messages : 36
Inscrit(e) le : 16/10/2010

http://forum-veloweb.forum-pro.fr/index.htm
look69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par ge80 le Mer 20 Oct 2010 - 14:41

Donc votre Css est bien lue.

Que voulez-vous faire exactement ?

Vous pouvez mettre un logo de taille 1px x 1px.



ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par look69 le Mer 20 Oct 2010 - 14:42

En fait, je voudrais que tout ce qui est dans le cadre avec la couleur "Vert pâle" soit descendu de 350 pix ( la taille de ma banière en fond) afin de voir cette bannière justement qui est actuellement cachée derrière le forum.

look69
*

Masculin
Messages : 36
Inscrit(e) le : 16/10/2010

http://forum-veloweb.forum-pro.fr/index.htm
look69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par ge80 le Mer 20 Oct 2010 - 14:48

Code:

*{
   padding-top: 100px;
}

Un nouvel essai Wink

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par look69 le Mer 20 Oct 2010 - 16:05

Haaaaa ... on se rapproche du but !!!

Ca a modifié, ma bannière apparaît maintenant par contre cela a modifié toutes les marges hautes, de 100 px. Smile

Il doit y avoir moyen de choisir laquelle on veut modifier de cette manière...

Je vais chercher un peu de mon côté ^^

Merci en tout cas !

look69
*

Masculin
Messages : 36
Inscrit(e) le : 16/10/2010

http://forum-veloweb.forum-pro.fr/index.htm
look69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par ge80 le Mer 20 Oct 2010 - 16:09

Je commence à comprendre ce que vous voulez.
Je suis lent aujourd'hui Wink

Code:
body {
        padding-top: 100px;
}

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par look69 le Mer 20 Oct 2010 - 16:17

Super !

Impeccable, c'est juste ce que je voulais. Very Happy

Par contre j'ai egalement suivi ce tutorial :

http://forum.forumactif.com/questions-reponses-frequentes-f14/banniere-en-image-de-fond-t239492.htm#2187356

A la fin, il est dit que la bannière sera en fond et prendra toute la largeur, or, je pense l'avoir suivi comme il faut mais elle ne prend pas toute la largeur de ma page.

Est ce un problème de format de mon image (Jpeg) ?

look69
*

Masculin
Messages : 36
Inscrit(e) le : 16/10/2010

http://forum-veloweb.forum-pro.fr/index.htm
look69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par ge80 le Mer 20 Oct 2010 - 16:21

AH nous avons réussi victoire

Pour votre fond.

Ce tutoriel pourrait vous être utile.

<-Tutoriel->

Cordialement
ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par look69 le Mer 20 Oct 2010 - 16:31

Merci pour l'aide Smile

J'avais jeté un oeil ce tutoriel, mais je ne pensais pas que c'était la solution mais c'est vrai que si en fait.

Il faut donc que je créé 4 format différents de mon image c'est ca ? Et même 5 pour celui de plus de 1600 ...

Et ce que lorsque l'on va utiliser le zoom d'internet explorer, l'image va s'adapter en réalisant ce tutoriel ?
Parce qu'actuellement, quand l'on dézoom sur mon forum ac IE (50% par exemple) , l'image devient de plus en plus petite et se décale donc de plus en plus du forum. Enfin tout est décalé...

Sinon problème RESOLU ! Smile

look69
*

Masculin
Messages : 36
Inscrit(e) le : 16/10/2010

http://forum-veloweb.forum-pro.fr/index.htm
look69 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marge haut de page et forum

Message par ge80 le Mer 20 Oct 2010 - 16:37

Je pense que le zoom devrait encore fonctionner car l'image a bien une taille de départ que le navigateur peut modifier.

Bonne fin de journée
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum