Questions pour modifications CSS !

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

Résolu Questions pour modifications CSS !

Message par ShikiToshi le Jeu 30 Déc 2010 - 18:10

Tout d'abord, bonjour.

Je viens de créer il y a peu de temps un forum qui est en plein développement. Je me suis attaqué à son design en premier, car aucun thème ne me convenait ! J'ai donc commencé par le CSS et ses modifications.

Là, problème ! J'aimerais donner un "vertical-align: center;" à l'ensemble du forum, mais j'ai beau essayé avec #body... rien n'y fait !

Un deuxième modification aussi que je n'arrive pas à faire, j'aimerais donner une hauteur maximum à mon forum pour qu'un petite barre de défilement s'affiche quand le forum dépasserait les 500px ! Question d'effet pour éviter de devoir défiler avec la grosse barre de défilement à droite de tous navigateur.


Merci de vos futurs réponses, et pour plus de détails, demandez-moi !





PS : Y'a-t-il possibilité de na pas afficher la description du site tout en la gardant dans les balises meta ?


Dernière édition par ShikiToshi le Jeu 30 Déc 2010 - 21:30, édité 1 fois

ShikiToshi
Nouveau membre

Messages : 11
Inscrit(e) le : 30/12/2010

http://jeux-hordes.forumgratuit.org/
ShikiToshi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Questions pour modifications CSS !

Message par ge80 le Jeu 30 Déc 2010 - 18:31

Bonjour

Ce que vous voulez faire est difficilement réalisable avec body.

En effet, c'est la hauteur qui dépend du contenu du forum.
Une translation verticale permet de consulter.

Quel est le thème phpbb2 ou autre ?

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: Questions pour modifications CSS !

Message par no_way le Jeu 30 Déc 2010 - 18:34

Bonjour indiquez ceci dans votre code CSS:
Code:

#wrap{height:500px;}
div#main-content{max-height:400px;overflow:auto;}

A vous de voir si cela vous satisfait.
Salut ge80 cheers

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Questions pour modifications CSS !

Message par ShikiToshi le Jeu 30 Déc 2010 - 18:48

ge_80 : Merci de ta réponse et je vois ce que tu veux dire.

no_way : C'est parfait !!


Pour l'alignement vertical, je viens de me souvenir qu'il est impossible de mettre un vertical-align sur un bloc, mais maintenant que la taille est à 500, je n'ais plus qu'à mettre une marge haute de 50%, merci encore de vos réponses, je test et je vous dis si c'est bon !

ShikiToshi
Nouveau membre

Messages : 11
Inscrit(e) le : 30/12/2010

http://jeux-hordes.forumgratuit.org/
ShikiToshi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Questions pour modifications CSS !

Message par no_way le Jeu 30 Déc 2010 - 18:52

@ShikiToshi a écrit:ge_80 : Merci de ta réponse et je vois ce que tu veux dire.

no_way : C'est parfait !!


Pour l'alignement vertical, je viens de me souvenir qu'il est impossible de mettre un vertical-align sur un bloc, mais maintenant que la taille est à 500, je n'ais plus qu'à mettre une marge haute de 50%, merci encore de vos réponses, je test et je vous dis si c'est bon !
C'est agréable de voir que vous connaissez ce principe trop souvent oublié ^^.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Questions pour modifications CSS !

Message par ge80 le Jeu 30 Déc 2010 - 18:52

cheers

J'espère que cela ne va pas décourager vos membres de devoir utiliser des ascenseurs en permanence. 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: Questions pour modifications CSS !

Message par ShikiToshi le Jeu 30 Déc 2010 - 18:58

Je vais m'arranger pour que la navigation soit la plus agréable possible.

Dernière question, comment donner à l'ensemble de la page autant de marge en haut qu'en bas pour que chaque visiteurs puisse voir la page centré sur son navigateur ?

ShikiToshi
Nouveau membre

Messages : 11
Inscrit(e) le : 30/12/2010

http://jeux-hordes.forumgratuit.org/
ShikiToshi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Questions pour modifications CSS !

Message par no_way le Jeu 30 Déc 2010 - 19:34

Désolé je ne vois pas de solution pour faire cela, CSS est pauvre pour l'alignement vertical de blocs.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Questions pour modifications CSS !

Message par ShikiToshi le Jeu 30 Déc 2010 - 21:30

J'ai réussi avec ce code :


position: absolute;
top: 50%;
margin-top:-260px;
left:50%;
margin-left:-430px;

260 étant la moitié de ma hauteur et 430, de ma largeur !

ShikiToshi
Nouveau membre

Messages : 11
Inscrit(e) le : 30/12/2010

http://jeux-hordes.forumgratuit.org/
ShikiToshi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Questions pour modifications CSS !

Message par ge80 le Jeu 30 Déc 2010 - 22:29

J'ai regardé votre réalisation.

C'est bien et pas trop gênant.

Reste à voir avec des messages et des images.
Sera-ce lisible ?

En tout cas, votre solution est originale.



cheers

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: Questions pour modifications CSS !

Message par ShikiToshi le Jeu 30 Déc 2010 - 22:41

Il n'y aura pas d'image à mon avis, ou seulement des petites ; c'est surtout de la discutions.

ShikiToshi
Nouveau membre

Messages : 11
Inscrit(e) le : 30/12/2010

http://jeux-hordes.forumgratuit.org/
ShikiToshi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Questions pour modifications CSS !

Message par ge80 le Jeu 30 Déc 2010 - 22:48

Donc il n'y aura pas de problème

Bonne soirée
Ge
victoire

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