CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| | Un Header qui se fait la malle |  |
|  Celska 
{ Membre }
 Messages : 26
 | Bonjour CSS-actif, bonjour à vous qui lisez ces quelques lignes. A cette heure, je serais probablement saoule et plongée dans le profond désespoir. Enfin, ce n'est pas de moi dont je souhaites vous parler, mais plutôt du thème de mon rpg, et plus précisément du header inclu dans ce thème. Aah, étant trop petit pour les grands écrans, j'ai passé un long moment à confectionner la version grand format, et voilà que sitôt posté, le coquin tente de prendre la fuite ! èe Que faire ? Ce brave header m'a coûté plus de deux heures de travail, et je ne supporterais pas de devoir le redimensionner encore et encore. Si vous avez une solution -n'importe laquelle- elle sera la bienvenue. (Il s'agit pour récapituler, de centrer le header en toute simplicité.) Voici donc le rpg et son header récalcitrant : http://rhyddid.forumactif.com/ Merci de votre gentillesse. Cordialement, Celska Juice.  | | |
| | | | DexX
{ Membre }
 Messages : 57
| Bonjour, Tu aimerais que ton header se centre selon la résolution de l'écran ? Si c'est le cas, je viens de regarder ton code, rajoutes dans ta feuille de style CSS, dans la balise : - Code:
-
body Ceci : - Code:
-
margin: 100%;
width: auto; Comme ça, le corps de ton forum s'adaptera sur toute les résolutions d'écrans. Par contre, il faut que tu réduises ton header, car là, il est vraiment trop grand =D. |
Dernière édition par DexX le Ven 17 Aoû 2012, 11:20, édité 2 fois (Raison : Correction du code) | |
| | | | Celska
{ Membre }
Messages : 26
| Merci pour votre aide rapide !  Je viens d'ajouter ce code dans le css, mais je n'ai aucun moyen de savoir si cela marche. @@ | | |
| | | | 'Christa 
Lostmindy
Messages : 2856
| Hello Celska, pour que ton header reste centré quel que soit le forum que tu utilises (la solution de DexX ne marchant pas), il te faut légèrement altérer le positionnement de ce dernier, sachant qu'il s'agit d'une image de fond. Pour cela rajoute ceci dans ton CSS : - Code:
-
body {
background-position:top center;
background-repeat:no-repeat;
} J'ai mis un "no-repeat" parce que sinon ton header se répètera horizontalement et je ne trouve pas ça terrible. Testé et confirmé sous firebug, tu peux y aller rien n'explosera  | | |
| | | | Espeon 
Administrateur
Messages : 1819
| Plop, Je confirme la solution de 'Christa qui est la bonne. La solution de DexX ne produit pas vraiment le même effet (et donc d'ailleurs ici ne fait rien). D'autant qu'en fait, DexX, tu as une erreur dans ton CSS car tu as inversé les 2 propriétés : c'est width qui est probablement fixé à 100% et margin: auto qui permet de centrer automatiquement un bloc. Le truc, c'est qu'il s'agit ici d'un background, d'où la solution plus adaptée de 'Christa. Enfin, pour tester, redimensionne simplement ta fenêtre et observe le résultat Celska | | |
| | | | Celska
{ Membre }
Messages : 26
| Ah, Christa, merci beaucoup ! Une fois de plus j'ai pu régler mon problème grace à toi, je vais essayer ce morceau de css-ci. Merci également à toi Espeon. (: Du coup j'ai un header plus grand en rab, mais le principal, c'est que ça fonctionne (du coup je me suis aperçue que j'avais une retouche de couleur à faire). Merci pour votre aide charitable et votre rapidité !
Amicalement,
Celska ! | | |
| | | | Contenu sponsorisé
| | | | | | | Un Header qui se fait la malle | |
|
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
