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

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

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

Message par serge4789 le Dim 5 Aoû 2012 - 12:56

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://illiweb.com/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://illiweb.com/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://illiweb.com/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
  background-position: bottom right;
}

.online .postprofile {
    background-image: url("http://illiweb.com/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.


Dernière édition par serge4789 le Dim 19 Aoû 2012 - 18:56, édité 1 fois (Raison : EDIT)

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par serge4789 le Mer 8 Aoû 2012 - 10:32

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par Automne le Mer 8 Aoû 2012 - 10:50

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://illiweb.com/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



Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par serge4789 le Ven 10 Aoû 2012 - 16:00

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
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par serge4789 le Dim 12 Aoû 2012 - 11:53

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par serge4789 le Lun 13 Aoû 2012 - 18:32

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
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par serge4789 le Mar 14 Aoû 2012 - 20:01

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par serge4789 le Jeu 16 Aoû 2012 - 14:37

UP

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par mimi-76- le Jeu 16 Aoû 2012 - 17:05

@Automne a écrit: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://illiweb.com/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

mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L’image « En ligne » apparaît en dessous de mon autre image « En ligne »

Message par serge4789 le Dim 19 Aoû 2012 - 18:55

Bonsoir et merci de m’avoir répondu,

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

Sujet résolu.

Bonne soirée.

serge4789
# Tropactif #

Masculin
Messages : 1067
Inscrit(e) le : 08/06/2009

http://lapince.forumotion.com
serge4789 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