adHoc - Comment est fait le header

Question Kat

Quand plusieurs zones du header prennent plus que la largeur, la dernière va se positionner à la ligne suivante. Et ça prend plus de place. Est-ce que les frontières entre ces zones sont irrémédiablement fixées ainsi ? Est-ce que les zones (titre, slogan, logo, date etc ...) peuvent se chevaucher, être en surimpression au moins pour une partie, en gérant l'organisation avec des transparences et des z-index ?
Voilà ce que je souhaite : une image dans le logo et titre/slogan/date (tous ou au choix) etc pouvant s'afficher en texte par-dessus.
J'ai essayé de mettre mon image en background de header, de header-mid ou de site-title, mais quand on diminue la taille de l'écran, l'image reste fixée en taille (même si on lui donne du max-width : 100 % et du height :auto). Alors qu'avec ce même css, l'image dans le logo diminue proportionnellement à la taille de l'écran.

Nota : background : cover ne donne pas de bons résultats dans le header, on obtient une portion d'image très zoomée, donc très pixellisée et on ne maitrise jamais le résultat qui sera très variable d'un écran à l'autre.


Réponse Ale

Pour le header et le footer la grille ne vient pas prise en compte...

La disposition des boites se fait entièrement au niveau du CSS par le dessinateur.
C'est à lui donc de positionner les boites en fixant la largeur, le fond etc...

Je trouve juste comme ça pour ne vous priver d'aucune partie de l'amusement


Index |Info | Permalien | PDF

Technique

Installer

Sécuriser

Référencer

Fabriquer le web

adHoc

Astuces CSS

Mail, Webmail, courrier etc ...

Piwigo

Écolibre