L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

[serge4789]

Bonjour à tous,

Suite à l’aide de Threax concernant le dégradé qui n’apparaissait pas, je me retrouve maintenant avec 2 images en ligne dont la première qui est en dessous de l’autre.

Je suis sur et certain que cela a un rapport avec le code qui m’a été donné.

Afin de résoudre ce problème rapidement, voici l’intégralité de ma feuille de style CSS :

Code:

#wrap #page-header .navbar {background:#fff;}
ul.navlinks{border-bottom-color: #0372BE;}
ul.navlinks span.new-message {
color: #D01141;
padding-right: 2em;
background: transparent url('http://2img.net/i/fa/email.gif') no-repeat top right;
}
a.forumtitle {
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

.redim{table-layout:fixed;}.redim img {width:100%;}


.tr- {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  background: url(http://bit.ly/acLmW9);
    font-weight: bold;
    margin: 10px auto auto;
    padding: 5px;
    width: 90%;
  border-width: 1px;
  border-style: solid;
}

.tr-.modos {
    -moz-box-shadow: 1px 1px 10px #7BB92B;
    -webkit-box-shadow:  1px 1px 10px #7BB92B;
    box-shadow:  1px 1px 10px #7BB92B;
    border-color: #7BB92B;
    color: #7BB92B;
}


.tr-.admin {
    -moz-box-shadow: 1px 1px 10px #CA0A0A;
    -webkit-box-shadow:  1px 1px 10px #CA0A0A;
    box-shadow:  1px 1px 10px #CA0A0A;
    border-color: #CA0A0A;
    color: #CA0A0A;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/* Début - Styles pour la colorisation des codes */.str {color:#080;} .kwd {color:#008;} .com {color:#800;} .typ {color:#606;} .lit {color:#066;} .pun {color:#660;} .pln {color:#000;} .tag {color:#008;} .atn { color:#606;} .atv {color:#080;} .dec {color:#606;} pre.prettyprint {padding:2px;} ol.linenums {margin-top:0;margin-bottom:0;} @media print {  .str {color:#060;}  .kwd {        color:#006;        font-weight:bold;}  .com {        color:#600;    font-style:italic;  }  .typ {    color:#404;    font-weight:bold;  }  .lit {color:#044;}  .pun {color:#440;}          .pln {color:#000;}  .tag {    color:#006;    font-weight:bold;  }  .atn {color:#404;}        .atv {color: #060;}} ol.linenums:hover {list-style-type:none} dl.codebox{  border-left: 5px solid #cecece;  word-wrap: break-word;} dl.codebox dt{  font-size:12px;  color:#06f;} .linenums li{  background-color:#fff;  border-left: 3px solid #a9eafe;  padding: 5px;}  /* Fin - Styles pour la colorisation des codes */

.row2 .postprofile {    background-color: #ECF3F7;} .row1 .postprofile {    background-color: #E1EBF2;} .postprofile {    border-radius: 10px 10px 10px 10px;    border: medium none ! important;    padding: 5px;} .online .postprofile {    background-image: url("http://2img.net/i/fa/prosilver/icon_user_online.png");    background-repeat: no-repeat;    background-position: right top;} .postbody ul.profile-icons {    margin-right: 15px;}

 .sharing-cl{overflow:hidden;margin:-20px 0 0 0;padding:0;list-style:none;width:530px;}.sharing-cl a{overflow:hidden;width:75px;height:20px;float:left;margin-right:5px;text-indent:-200px;background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;}a.sh-su{background-position:-210px -40px;}a.sh-feed{background-position:-70px -40px;}a.sh-tweet{background-position:-140px -40px;}a.sh-mail{background-position:0 -40px;}a.sh-digg{background-position:-280px -40px;}a.sh-face{margin-right:0;background-position:-350px -40px;}a.sh-mail:hover{background-position:0 1px;}a.sh-feed:hover{background-position:-70px 1px;}a.sh-tweet:hover{background-position:-140px 1px;}a.sh-su:hover{background-position:-210px 1px;}.sh-digg:hover{background-position:-280px 1px;}a.sh-face:hover{background-position:-350px 1px;}#text{margin-top:5px;font-weight:bold;font-family:helvetica,arial,sans-serif;}#text a{text-indent:0;height:auto;text-align:center;font-size:11px;padding-top:35px;color:#999;text-decoration:none;}

div .AdministrateurDegrade {
  background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
  background-position: bottom right;
}

.online .postprofile {
    background-image: url("http://2img.net/i/fa/prosilver/icon_user_online.png");
    background-repeat: no-repeat ;
    background-position: right top;
}

Pourriez-vous me dire ce que je dois corriger afin de résoudre ce problème ?

Et il me faudrait si possible l’aide de Threax personne expérimentée en code.

D’avance merci pour votre aide.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne après-midi.

[serge4789]

UP

[Automne]

Bonjour,

Vous avez deux images, une dans le pa et une dans le css.

Soit vous supprimez ceci de votre css

Code:

.online .postprofile {
    background-image: url("http://2img.net/i/fa/prosilver/icon_user_online.png");
    background-repeat: no-repeat ;
    background-position: right top;
}

Soit vous supprimez l'image dans pa << affichage << image et couleurs << gestion des images << bouton << en ligne

[serge4789]

Bonjour et merci de m'avoir répondu,

Actuellement j'ai quelques difficultés pour me connecter sur Internet. Des que cela sera résolu, j'essayerais.

Merci de me conserver le topic.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne après-midi.

[serge4789]

UP

[serge4789]

Bonsoir,

Petites infos en plus :

Le problème ne se pose pas en utilisant Safari.

Par contre avec Internet Explorer oui.

Veuillez agréer mes sentiments respectueux.

Au revoir et bonne soirée.

[serge4789]

UP

[serge4789]

UP

[mimi-76-]

Bonjour,

Vous avez deux images, une dans le pa et une dans le css.

Soit vous supprimez ceci de votre css

Code:

.online .postprofile {
    background-image: url("http://2img.net/i/fa/prosilver/icon_user_online.png");
    background-repeat: no-repeat ;
    background-position: right top;
}

Soit vous supprimez l'image dans pa << affichage << image et couleurs << gestion des images << bouton << en ligne

Bonjour, Automne vous a dit quel était le problème

[serge4789]

Bonsoir et merci de m’avoir répondu,

Ok j’essayerais peut-être une des 2 solutions.

Sujet résolu.

Bonne soirée.