Barre de navigation fixe mais soucis

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Barre de navigation fixe mais soucis

Message par Félina13 le Mar 21 Fév 2012 - 10:19

Bonjour,

- l'URL du forum : http://www.respect-forum.com
- la version de votre forum : phpbb2

- une capture d'écran du problème :

- votre statut sur le forum : fondatrice.
- si vous avez modifié des templates : index_box, overall_footer_begin, overall_header, search_body, search_username
- si vous avez du CSS personnalisé :
Spoiler:
.navig {
position: fixed;
top: 0px;
width: 103%;
background-color: #EBC5C5;
border-bottom: 1px solid #000000;
margin-left: -50px;
}

a.mainmenu img{
display: none;
}

a.mainmenu {
margin: 5px;
font-family: Comic Sans Ms;
font-size: 18px;
}

a:hover {
font-variant: small-caps;
font-size: 10pt;
font-weight: bold; }

#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

a { text-decoration: none; }

.titre01 {
font-size: 15px;
font-family: tahoma;
text-align : center ;
letter-spacing: -1px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 1px white;
font-weight:bold;
color : purple;
}

.titre02 {
border-radius-topleft: 30px;
border-radius-topright: 30px;
background : #efefef;
border : 2px solid #efefef;
text-align: center;
text-transform: uppercase;
color : #ebeef0;
text-shadow: 1px 1px 1px white;
box-shadow : 0px -1px 5px black;
border-radius : 10px 10px 0px 0px;
}

.boxpa1 {
width : 771px;
height : 40px;
line-height : 12px;
text-align : justify;
font-variant : normal;
font-size : larger;
font-family : tahoma;
overflow : auto;
background : #f5ebeb;
padding : 3px;
margin-top : -3px;
}

.boxpa2 {
width : 247px;
height : 70px;
line-height : 12px;
text-align : center;
font-variant : normal;
font-size : larger;
font-family : tahoma;
overflow : auto;
background : #f5ebeb;
padding : 3px;
margin-top : -3px;
}

.imagepa {
opacity : 0.6;
}

.imagepa:hover {
opacity : 1;
}
- votre ou vos navigateur(s) : internet explorer.

La barre de navigation fixe est parfaite sur toutes les pages SAUF quand on répond à un message, j'ai remarqué cela (voir la capture d'écran du problème). Sauriez-vous d'où cela peut venir et surtout, comment résoudre cela ?

Merci pour votre aide, et bonne journée en attendant de vous lire.
A très bientôt.


Dernière édition par Félina13 le Sam 25 Fév 2012 - 17:30, édité 1 fois

Félina13
**

Féminin
Messages : 76
Inscrit(e) le : 04/03/2006

http://respect.positifforum.com
Félina13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation fixe mais soucis

Message par Invité le Mar 21 Fév 2012 - 10:25

Remplace tout ton CSS par celui-ci:
Code:
.navig {
position: fixed;
top: 0px;
width: 100%;
background-color: #EBC5C5;
border-bottom: 1px solid #000000;
margin-left: -50px;
}

a.mainmenu img{
display: none;
}

a.mainmenu {
margin: 5px;
font-family: Comic Sans Ms;
font-size: 18px;
}

a:hover {
font-variant: small-caps;
font-size: 10pt;
font-weight: bold; }

#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

a { text-decoration: none; }

.titre01 {
font-size: 15px;
font-family: tahoma;
text-align : center ;
letter-spacing: -1px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 1px white;
font-weight:bold;
color : purple;
}

.titre02 {
border-radius-topleft: 30px;
border-radius-topright: 30px;
background : #efefef;
border : 2px solid #efefef;
text-align: center;
text-transform: uppercase;
color : #ebeef0;
text-shadow: 1px 1px 1px white;
box-shadow : 0px -1px 5px black;
border-radius : 10px 10px 0px 0px;
}

.boxpa1 {
width : 771px;
height : 40px;
line-height : 12px;
text-align : justify;
font-variant : normal;
font-size : larger;
font-family : tahoma;
overflow : auto;
background : #f5ebeb;
padding : 3px;
margin-top : -3px;
}

.boxpa2 {
width : 247px;
height : 70px;
line-height : 12px;
text-align : center;
font-variant : normal;
font-size : larger;
font-family : tahoma;
overflow : auto;
background : #f5ebeb;
padding : 3px;
margin-top : -3px;
}

.imagepa {
opacity : 0.6;
}

.imagepa:hover {
opacity : 1;
}


J'ai tester .. Mais je ne garantit rien !

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation fixe mais soucis

Message par Félina13 le Mar 21 Fév 2012 - 10:34

Bonjour Webmestre_pro,

Merci pour ton aide mais malheureusement, ça ne change pas la problématique. Wink

Félina13
**

Féminin
Messages : 76
Inscrit(e) le : 04/03/2006

http://respect.positifforum.com
Félina13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation fixe mais soucis

Message par Invité le Mar 21 Fév 2012 - 10:37

Et si tu remplace tout ton CSS par celui-ci:
Code:
        .navig {
        position: fixed;
        top: 0px;
        width: 103%;
        background-color: #EBC5C5;
        border-bottom: 1px solid #000000;
        margin-left: 0px;
        }
       
        a.mainmenu img{
        display: none;
        }
       
        a.mainmenu {
        margin: 5px;
        font-family: Comic Sans Ms;
        font-size: 18px;
        }
       
        a:hover {
        font-variant: small-caps;
        font-size: 10pt;
        font-weight: bold; }
       
        #savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
       
        a { text-decoration: none; }
       
        .titre01 {
        font-size: 15px;
        font-family: tahoma;
        text-align : center ;
        letter-spacing: -1px;
        padding-left: 0px;
        padding-right: 3px;
        padding-bottom: 0px;
        padding-top: 3px;
        display: block;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px white;
        font-weight:bold;
        color : purple;
        }
       
        .titre02 {
        border-radius-topleft: 30px;
        border-radius-topright: 30px;
        background : #efefef;
        border : 2px solid #efefef;
        text-align: center;
        text-transform: uppercase;
        color : #ebeef0;
        text-shadow: 1px 1px 1px white;
        box-shadow : 0px -1px 5px black;
        border-radius : 10px 10px 0px 0px;
        }
       
        .boxpa1 {
        width : 771px;
        height : 40px;
        line-height : 12px;
        text-align : justify;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #f5ebeb;
        padding : 3px;
        margin-top : -3px;
        }
       
        .boxpa2 {
        width : 247px;
        height : 70px;
        line-height : 12px;
        text-align : center;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #f5ebeb;
        padding : 3px;
        margin-top : -3px;
        }
       
        .imagepa {
        opacity : 0.6;
        }
       
        .imagepa:hover {
        opacity : 1;
        }


cela ce règle t'il ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation fixe mais soucis

Message par Invité le Mar 21 Fév 2012 - 10:39

Et si cela ne fonctionne pas essayer avec ce CSS:
Code:
.navig {
        position: fixed;
        top: 0px;
        width: 103%;
        background-color: #EBC5C5;
        border-bottom: 1px solid #000000;
        margin: auto;
        }
     
        a.mainmenu img{
        display: none;
        }
     
        a.mainmenu {
        margin: 5px;
        font-family: Comic Sans Ms;
        font-size: 18px;
        }
     
        a:hover {
        font-variant: small-caps;
        font-size: 10pt;
        font-weight: bold; }
     
        #savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
     
        a { text-decoration: none; }
     
        .titre01 {
        font-size: 15px;
        font-family: tahoma;
        text-align : center ;
        letter-spacing: -1px;
        padding-left: 0px;
        padding-right: 3px;
        padding-bottom: 0px;
        padding-top: 3px;
        display: block;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px white;
        font-weight:bold;
        color : purple;
        }
     
        .titre02 {
        border-radius-topleft: 30px;
        border-radius-topright: 30px;
        background : #efefef;
        border : 2px solid #efefef;
        text-align: center;
        text-transform: uppercase;
        color : #ebeef0;
        text-shadow: 1px 1px 1px white;
        box-shadow : 0px -1px 5px black;
        border-radius : 10px 10px 0px 0px;
        }
     
        .boxpa1 {
        width : 771px;
        height : 40px;
        line-height : 12px;
        text-align : justify;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #f5ebeb;
        padding : 3px;
        margin-top : -3px;
        }
     
        .boxpa2 {
        width : 247px;
        height : 70px;
        line-height : 12px;
        text-align : center;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #f5ebeb;
        padding : 3px;
        margin-top : -3px;
        }
     
        .imagepa {
        opacity : 0.6;
        }
     
        .imagepa:hover {
        opacity : 1;
        }

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation fixe mais soucis

Message par Félina13 le Sam 25 Fév 2012 - 17:29

Super merci.
Y'a un léger retrait mais qui reste infime, néanmoins, là, ça marche !

MErci beaucoup !

Félina13
**

Féminin
Messages : 76
Inscrit(e) le : 04/03/2006

http://respect.positifforum.com
Félina13 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum