Création position topcontainer

[juju49]

Bonjour à tous,

Merci à tous pour la qualité des échanges offerts sur le forum et que je suis depuis quelques années sans vraiment y participer.

Développant un site en local via Bootstrap, j'aimerais aujourd'hui ajouter un topcontainer qui viendrait se positionner au-dessus de mon header afin d'y mettre un joli sous-menu comme ici : http://www.templatemonster.com/demo/54054.html

J'ai essayé d'ajouter une position de module dans mon header, mais le résultat n'est pas top du tout : impossible de personnaliser le background de ce module via le CSS, largeur dépendante du header, etc etc.

Merci d'avance pour vos conseils. Je n'ai pas posté de photos, codes, etc, car je ne sais pas ce qui peut vraiment vous aider afin de m'appuyer.

[toffffe]

Re : Création position topcontainer

Salut
Il nous faudrait un lien vers le site en ligne car il faut absolument pouvoir inspecter le html (l'imbrication des div et des class)
Le fait que ta largeur soit dépendante de ton header, c'est parce que tu as du ajouter ta position dans la div container qui comprend le header.
Ensuite je ne comprend pas très bien quel élément tu veux ajouter sur ton site, tu parle de quel menu sur le model ?

[juju49]

Re: Création position topcontainer

Bonjour toffffe,

Merci pour ta réponse. Le site est uniquement en local

Du coup, avec mon intégration du module dans le header j'arrive à quelque chose comme ça.

:

Donc j'ai bien mon module appelé "topmenu" ( "Societe | Contacts et réseaux") que je peux personnaliser à souhait. J'ai donc créé dans mon CSS la classe suivante, mais sans effet sur ce fameux background :

.topmenu {
  background: #FF8914 url(http://ahp.li/277ca2a95160b9749aec.png) left 100%;
}

Cette classe viendrait-elle en contrainte avec celle du header ? :

.t3-header {
  padding-bottom: 20px;
  margin-left:auto;
  margin-right:auto;
}

[toffffe]

Re : Création position topcontainer

Là il faut que tu mettes ton site sur un serveur de développement
essais de rajouter !important juste derrière 100% et avant le ; mais là c'est un conseil dans le vent

[juju49]

Re: Création position topcontainer

J'ai réussi à mettre en place mon module comme voulu via une position fixed et en centrant mon contenu. En fait, la vraie question est celle-ci : comment appliquer un background qui s'etend sur toute la largeur de la window en conservant un container de x px ? Comme on peut le faire sur la navbar en fait.

[lefabdu51]

Re : Création position topcontainer

bah ton module en position fixe doit avoir une largeur en % et tu doit le sortir du flux............