Survol barre de navigation.

[Lady B.]

Bonjour,

Je souhaite changer la barre de navigation de mon forum celle du thème que j'ai pris ne va pas du tout avec le header que j'ai fait. Bref... J'ai été dans mon Css et j'ai supprimé le code de la première image « Accueil », j'ai mis le code de mon image dans « gestion des images ». Jusque là pas de soucis, mais en survolant l'image, il y a l'ancienne image qui apparait et en deux fois.
J'ai regardé mes code Css mais comme je n'y comprends rien, je suis pas plus avancé...
Comment retirer totalement l'ancienne image?

Merci d'avance

[Matriochka]

Bonjour,

Peux-tu envoyer ici ton CSS personnalisé ?

[Lady B.]

Merci de m'avoir répondu si vite

Comme j'y comprends absolument rien, j'ai tout mis ^^'

Code:

ul.linklist li.footer-home {
        float:none;}
       
        ul.linklist li.footer-home:after {
        content:" | ";}
ul.linklist li.rightside {float:none;}
        #page-footer, div.navbar, div.navbar ul.linklist {text-align:center;}
body
{
background-color: #bcad92;
background-repeat: repeat-x;
background-position: top;
background-attachment: scroll !important;
}

a.copyright
        {color:#916C64;
        }

a:link {
   color: #4c2324;
    text-decoration:underline;
   }
a:visited {
   color: #4c2324;
    text-decoration:underline;
   }
a:hover {
   color: #F846A4;
    }
a:active {
   color: #4c2324;
    text-decoration:underline;
   }
a:focus {
   color: #b861ba;
    }




span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span
{
background-image: none;
}


.headerbar
{
margin-top: -22px;
margin-bottom: -50px;
}

#logo
{
padding: 0px;
}

.navbar
{
margin: auto;
width: 1000px;
}







#i_icon_mini_index:hover
{
background-image: url(http://img10.hostingpics.net/pics/706714accueil2.png);
}

#i_icon_mini_gallery
{
background-image: url(http://img10.hostingpics.net/pics/334181galerie.png);
width: 80px;
height: 30px;
}
#i_icon_mini_gallery:hover
{
background-image: url(http://img10.hostingpics.net/pics/311553galerie2.png);
}

#i_icon_mini_calendar
{
background-image: url(http://img10.hostingpics.net/pics/825007calendrier.png);
width: 80px;
height: 30px;
}
#i_icon_mini_calendar:hover
{
background-image: url(http://img10.hostingpics.net/pics/768910calendrier2.png);
}

#i_icon_mini_faq
{
background-image: url(http://img10.hostingpics.net/pics/271688faq.png);
width: 80px;
height: 30px;
}
#i_icon_mini_faq:hover
{
background-image: url(http://img10.hostingpics.net/pics/972822faq2.png);
}

#i_icon_mini_search
{
background-image: url(http://img10.hostingpics.net/pics/203364search.png);
width: 80px;
height: 30px;
}
#i_icon_mini_search:hover
{
background-image: url(http://img10.hostingpics.net/pics/339113search2.png);
}

#i_icon_mini_members
{
background-image: url(http://img10.hostingpics.net/pics/679008membres.png);
width: 80px;
height: 30px;
}
#i_icon_mini_members:hover
{
background-image: url(http://img10.hostingpics.net/pics/972307membres2.png);
}

#i_icon_mini_groups
{
background-image: url(http://img10.hostingpics.net/pics/776376groupes.png);
width: 80px;
height: 30px;
}
#i_icon_mini_groups:hover
{
background-image: url(http://img10.hostingpics.net/pics/373367groupes2.png);
}

#i_icon_mini_profile
{
background-image: url(http://img10.hostingpics.net/pics/938702profil.png);
width: 80px;
height: 30px;
}
#i_icon_mini_profile:hover
{
background-image: url(http://img10.hostingpics.net/pics/169291profil2.png);
}

#i_icon_mini_message
{
background-image: url(http://img10.hostingpics.net/pics/406266message.png);
width: 80px;
height: 30px;
}
#i_icon_mini_message:hover
{
background-image: url(http://img10.hostingpics.net/pics/372362message2.png);
}

#i_icon_mini_new_message
{
background-image: url(http://img10.hostingpics.net/pics/844228mp2c.png);
width: 80px;
height: 30px;
}
#i_icon_mini_new_message:hover
{
background-image: url(http://img10.hostingpics.net/pics/844228mp2c.png);
}

#i_icon_mini_logout
{
background-image: url(http://img10.hostingpics.net/pics/912508off.png);
width: 80px;
height: 30px;
}
#i_icon_mini_logout:hover
{
background-image: url(http://img10.hostingpics.net/pics/118702off2.png);
}

#i_icon_mini_register
{
background-image: url(http://img10.hostingpics.net/pics/251229s__inscrire.gif);
width: 80px;
height: 30px;
}
#i_icon_mini_register:hover
{
background-image: url(http://img10.hostingpics.net/pics/251229s__inscrire.gif);
}

#i_icon_mini_login
{
background-image: url(http://img10.hostingpics.net/pics/923969on.png);
width: 80px;
height: 30px;
}
#i_icon_mini_login:hover
{
background-image: url(http://img10.hostingpics.net/pics/248091on2.png);
}


.navbar ul{border-bottom:none;}




#content-container div#container
{
width: 940px;
min-height: 800px;
float: none;
margin: auto;
background-color: #ffffff;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
padding: 6px;
}

#page-body
{
width: 950px;
min-height: 800px;
float: none;
margin: auto;
background-color: #ffffff;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
padding: 6px;
}

#content-container div#main
{
width: 750px;
margin: auto;
}

#main
{
width: 750px;
margin: auto;
background-color: transparent;
}

#content-container div#right
{
overflow: auto;
}

div#content
{
min-height: 800px;
border: 1px dashed #ddd2bf;
background-image: url(http://img4.hostingpics.net/pics/420111Fond.png);
background-position: bottom center;
background-repeat: no-repeat;
}




.h3
{
color: #bcad92;
border-bottom: 1px dashed #bcad92;
}

a.forumtitle
{
font-variant: small-caps;
font-size: 12px;
text-decoration: none;
border-bottom: 1px dashed #bcad92;
margin-bottom: 5px;
}
a.forumtitle:hover
{
color: #916C64;
text-decoration: none;
font-size: 12px;
font-style: italic;
border-bottom: 1px dashed #916C64;
letter-spacing: 2px;
}
ul.topiclist dd
{
border-left: 1px dashed #ddd2bf;
}





.table-title
{
display: block;
padding-left: 50px;
font-style: italic;
}

.table-title h2
{
letter-spacing: 2px;
}

.forabg
{
background-color: #f7f2eb;
background-image: url(http://img10.hostingpics.net/pics/798883cate_head.jpg), url(http://img10.hostingpics.net/pics/561925fond_cate_bas.jpg);
background-repeat: no-repeat, repeat-x;
background-position: top center, bottom;
padding-bottom: 14px;
}

.forumbg
{
background-color: #f7f2eb;
background-image: url(http://img10.hostingpics.net/pics/798883cate_head.jpg), url(http://img10.hostingpics.net/pics/561925fond_cate_bas.jpg);
background-repeat: no-repeat, repeat-x;
background-position: top center, bottom;
padding-bottom: 14px;
}

.module
{
border-bottom: 1px dashed #ddd2bf;
}

.ajax-profil
{
clear: both;
width: 940px;
background-color: transparent;
}




.post
{
background-color: #f7f2ea;
border: 1px dashed #ddd2bf;
border-radius: 10px;
-moz-border-radius: 10px;
text-align: justify;
}
.post a
{
text-decoration: none;
font-variant: small-caps;
letter-spacing: 1px;
}
.postprofile
{
border-left: 1px solid #ddd2bf;
border-bottom: 1px solid #ddd2bf;
padding-bottom: 6px;
}




#smiley-box
{
background-color: #f7f2ea;
border: 1px dashed #ddd2bf;
border-radius: 10px;
-moz-border-radius: 10px;
padding: 4px;
}
#message-box textarea
{
background-color: #f7f2ea;
border: 1px dashed #ddd2bf;
}





#page-footer
{
width: 940px;
margin: auto;
}


[Matriochka]

Toute la partie concernée est ici :

Code:

#i_icon_mini_index:hover
{
background-image: url(http://img10.hostingpics.net/pics/706714accueil2.png);
}

#i_icon_mini_gallery
{
background-image: url(http://img10.hostingpics.net/pics/334181galerie.png);
width: 80px;
height: 30px;
}
#i_icon_mini_gallery:hover
{
background-image: url(http://img10.hostingpics.net/pics/311553galerie2.png);
}

#i_icon_mini_calendar
{
background-image: url(http://img10.hostingpics.net/pics/825007calendrier.png);
width: 80px;
height: 30px;
}
#i_icon_mini_calendar:hover
{
background-image: url(http://img10.hostingpics.net/pics/768910calendrier2.png);
}

#i_icon_mini_faq
{
background-image: url(http://img10.hostingpics.net/pics/271688faq.png);
width: 80px;
height: 30px;
}
#i_icon_mini_faq:hover
{
background-image: url(http://img10.hostingpics.net/pics/972822faq2.png);
}

#i_icon_mini_search
{
background-image: url(http://img10.hostingpics.net/pics/203364search.png);
width: 80px;
height: 30px;
}
#i_icon_mini_search:hover
{
background-image: url(http://img10.hostingpics.net/pics/339113search2.png);
}

#i_icon_mini_members
{
background-image: url(http://img10.hostingpics.net/pics/679008membres.png);
width: 80px;
height: 30px;
}
#i_icon_mini_members:hover
{
background-image: url(http://img10.hostingpics.net/pics/972307membres2.png);
}

#i_icon_mini_groups
{
background-image: url(http://img10.hostingpics.net/pics/776376groupes.png);
width: 80px;
height: 30px;
}
#i_icon_mini_groups:hover
{
background-image: url(http://img10.hostingpics.net/pics/373367groupes2.png);
}

#i_icon_mini_profile
{
background-image: url(http://img10.hostingpics.net/pics/938702profil.png);
width: 80px;
height: 30px;
}
#i_icon_mini_profile:hover
{
background-image: url(http://img10.hostingpics.net/pics/169291profil2.png);
}

#i_icon_mini_message
{
background-image: url(http://img10.hostingpics.net/pics/406266message.png);
width: 80px;
height: 30px;
}
#i_icon_mini_message:hover
{
background-image: url(http://img10.hostingpics.net/pics/372362message2.png);
}

#i_icon_mini_new_message
{
background-image: url(http://img10.hostingpics.net/pics/844228mp2c.png);
width: 80px;
height: 30px;
}
#i_icon_mini_new_message:hover
{
background-image: url(http://img10.hostingpics.net/pics/844228mp2c.png);
}

#i_icon_mini_logout
{
background-image: url(http://img10.hostingpics.net/pics/912508off.png);
width: 80px;
height: 30px;
}
#i_icon_mini_logout:hover
{
background-image: url(http://img10.hostingpics.net/pics/118702off2.png);
}

#i_icon_mini_register
{
background-image: url(http://img10.hostingpics.net/pics/251229s__inscrire.gif);
width: 80px;
height: 30px;
}
#i_icon_mini_register:hover
{
background-image: url(http://img10.hostingpics.net/pics/251229s__inscrire.gif);
}

#i_icon_mini_login
{
background-image: url(http://img10.hostingpics.net/pics/923969on.png);
width: 80px;
height: 30px;
}
#i_icon_mini_login:hover
{
background-image: url(http://img10.hostingpics.net/pics/248091on2.png);
}

En CSS, :hover s’utilise pour le survol. Donc supprime toutes les parties en rapport avec hover ou modifie-les (supprime-les carrément, si tu veux seulement passer par le panneau d’admin).

[Lady B.]

Merci énormément