En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Politique de confidentialité.
Forum - GuppY 4.6 - vos questions - hauteur header

 

actif  Sujet n° 123

le 27/12/2013 @ 17:05
par robin

Anonyme

visiteur

Bonsoir Sabine,dans mon site http://www.clecham.fr/ j'ai une bannière de 150 pixels en hauteur qui me laisse un décalage vers le haut de l'écran. L'idéal serait 180 pixels, mais le problème c'est que la hauteur supplémentaire va vers le bas et couvre la barre des menus. Ma question est la suivante: est-il possible d'augmenter la hauteur de la bannière vers le haut?. 
Cordialement
Poster une réponse Haut  

Réponse n° 1
--------
le 27/12/2013 @ 17:11
par Sabine

Sabine



Bonjour,

Il faudrait réduire la hauteur dans #headTop
et enlever la ligne "padding-top":

#headTop { /* header top and middle (logo-banner + citation) */
z-index: 15;
margin: 0;
padding: 0px;
padding-top: 10px;
color: inherit;
background: url(img/cfs1.png) repeat-x;
height:200px;

Sabine e
Rectifié par Sabine le 27/12/2013 @ 17:12
Rectifié par Sabine le 27/12/2013 @ 17:13
Ecrire à Sabine Site web Sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 28/12/2013 @ 12:15
par robin

Anonyme

visiteur

Bonsoir Sabine,j'ai fait l'essai en supprimant la ligne padding-top: 10px; par contre si je réduis height à 150px par exemple çà me coiffe la barre des menus. En augmentant height à 230px je peux insérer une bannière de hauteur 180px. Je ne sais pas si c'est la bonne méthode? j'aimerais connaître ton avis en regardant l'url http://www.clecham.fr/Merci de ton aide.
Robin
Ecrire à robin
Poster une réponse Haut  
Réponse n° 3
--------
le 28/12/2013 @ 12:35
par Sabine

Sabine



Bonjour,

À vrai dire, je ne saisis pas vraiment ce que tu veux avoir au final d

Pour t'aider à trouver la bonne hauteur et à mieux visualiser, tu peux ajouter une couleur au background (temporairement) de #headTop et de #headBottom.

Des couleurs comme rouge (#C00000) et noir (#000). C'est pas joli mais ça permet de savoir ce qu'on doit modifier ou pas. Une fois que tu as la hauteur qui te convient, tu enlèves les couleurs.

Pour info, voir aussi le site OpenClassRoom (ancien Site du Zéro) qui détaille les propriétés de mise en forme : http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3/m emento-3

Sabine e
Ecrire à Sabine Site web Sabine
Poster une réponse Haut  
Réponse n° 4
--------
le 01/01/2014 @ 09:51
par robin

Anonyme

visiteur

Bonne et heureuse année Sabine.Merci pour tes conseils, je progresse à petits pas, j'essaierai d'être plus clair la prochaine fois.
Cordialement
Ecrire à robin
Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 4.6 » vos questions » hauteur header