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

3 participants

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


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

serge4789
Membre habitué

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

Voir le profil de l'utilisateur 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 Mer 8 Aoû 2012 - 10:32

UP
avatar

serge4789
Membre habitué

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

Voir le profil de l'utilisateur 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 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://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


Automne

Automne
Membre actif

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

Voir le profil de l'utilisateur https://gilles570.motards.net/
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 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.
avatar

serge4789
Membre habitué

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

Voir le profil de l'utilisateur 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 Dim 12 Aoû 2012 - 11:53

UP
avatar

serge4789
Membre habitué

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

Voir le profil de l'utilisateur 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 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.
avatar

serge4789
Membre habitué

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

Voir le profil de l'utilisateur 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 Mar 14 Aoû 2012 - 20:01

UP
avatar

serge4789
Membre habitué

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

Voir le profil de l'utilisateur 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 Jeu 16 Aoû 2012 - 14:37

UP
avatar

serge4789
Membre habitué

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

Voir le profil de l'utilisateur 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- 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://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
mimi-76-

mimi-76-
****

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

Voir le profil de l'utilisateur 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 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.
avatar

serge4789
Membre habitué

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

Voir le profil de l'utilisateur 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

- Sujets similaires

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