Sujets similaires

Bonjour

Barre de navigation indéformable 577704309

Je viens vers vous puisque je ne parviens pas à trouver de solution à mon petit problème (oui je suis très maniaque). Ma barre de navigation est sous une div dont la largeur est fixée sur la page d'accueil sans quoi elle fait n'importe quoi, elle ne reste pas contenue entre les bordures du forum. Le souci, c'est que si un post dépasse la largeur fixée, la barre ne s'étire pas : elle reste collée à la bordure gauche et un espace se forme sur la droite. J'aimerai donc savoir comment faire pour que la barre de navigation reste toujours cantonnée entre les deux bordures tout en s'agrandissant si besoin. J'espère être claire xD.

Voici le lien de mon forum (là, la barre est bien) et le lien d'un post où la barre est décalée. Je vous donne aussi mon CSS (navtop étant la div associée à la barre de navigation).

Code:: a.mainmenu {
color: #8CA8BF;
font-size: 12.5pt;
font-family: times new roman;
letter-spacing: -1px;
text-transform : lowercase ;
text-align:center;
margin-left:-2px;
padding:-2px;
font-style:italic;
padding-bottom:-13px;
text-shadow:1px 1px 1px #F5FAF4;}

a.mainmenu img {display:none;}

a.mainmenu:hover {
color: #D1C332;
font-size: 12.5pt;
font-family: times new roman;
letter-spacing: -1px;
text-transform : lowercase ;
text-align:center;
text-shadow:1px 1px 1px #F5FAF4;
margin-left:-2px;
font-style:italic;
padding-bottom:-13px;
-webkit-transition: all 0.6s linear 0s;/* pour navigateur webkit */
-moz-transition: all 0.6s linear 0s; /* pour navigateur mozilla */
-o-transition: all 0.6s linear 0s;/* pour navigateur opera */
transition: all 0.6s linear 0s; /* pour les navigateurs récents */}

.navtop{
top:410px;
position : absolute ;
align:center;
width : 711px ;
margin-left:6px;
background-color:#EFF3EA;
height:22px;
padding-bottom:-15px;
z-index: 999;
display:block; }

Un gros merci d'avance à ceux qui prendront le temps de me lire et de m'aider Barre de navigation indéformable 2176505670

Bonjour, je t'avoue que je ne comprends pas d'où ça vient à première vue, est-ce que tu as modifié le template overall_header ? '_'

Et qu'est-ce que tu veux dire par "elle fait n'importe quoi" ? x)

Une solution serait de forcer les posts à ne pas dépasser une largeur fixée x_x

essaye ce code css

Code:: .navtop div{
width: 700px;
}

Lowan, si je fais ça la barre dépasse sur la bordure de droite et c'est ce que j'veux pas justement, j'aimerai qu'elle reste toujours collée aux bords quelle que soit la largeur du forum. Je n'ai pas touché au overall header à part pour lui mettre la div donnée dans le css ^^. Et par "n'importe quoi" j'entends qu'en fait elle reste scotchée au bord gauche si la largeur s'agrandit mais qu'à droite elle se détache donc y'a un gros vide quoi :/ J'ai essayé de fixer une largeur maximale aux posts mais dans ce cas, si le posts est plus grand il déborde simplement du forumline donc ça résout pas le souci. Certes ça force les gens à pas faire de trucs qui déforment car du coup ils le voient mais vis à vis de la barre de navig' le souci est le même ._.

Mais la barre est dans un tableau (à une ligne et une cellule, autant dire que ça ne sert à rien), pourquoi ? O.o Et pourquoi le positionnement absolu ?

essaye ceci

Code:: .navtop{
display: inline-table !important;
}

si sa marche pas met des screenshot( des capture d'ecran ) pour voir le problème chez toi

La navigation n'est pas intégrée au tableau du reste du contenu. C'est pour ça qu'elle apparaît en dehors (si on enlève le positionnement et autres propriétés correctrices). Ce doit être un reste d'une navigation fixe en haut du forum...

Pour la remettre à sa place, il faut (re)modifier le template overall_header. Peux-tu nous le montrer ?

Hello !
Je viens aux nouvelles : le sujet est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, le sujet sera considéré comme résolu !
Merci de ta compréhension Barre de navigation indéformable 926145

Hello :
N'ayant toujours pas obtenu de réponse, je considère ton sujet comme résolu !
Merci de ta compréhension Barre de navigation indéformable 926145

Barre de navigation indéformable

Barre de navigation indéformable

Sujets similaires

Sujets similaires

Partenaires Or