Underscore bleu gênant

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

Résolu Underscore bleu gênant

Message par TarTiflett le Mar 24 Jan 2012 - 20:14

Bonjour, amis Forumactifien(ne)s !

Je sais qu'il existe déjà quelques sujets concernant mon souci, mais aucun d'entre eux n'a pu me donner une solution efficace, voilà pourquoi je crée ce topic.

Je m'explique.

Je viens de créer un forum basé sur le Hitskin "PNGBB : Darker" dont voici la feuille de style CSS :

Spoiler:
Code:
.pun a:link {text-decoration: none; }
.pun a:hover {text-decoration: none!important; }
body#phpbb div#wrap {
background-repeat: repeat;
background-image: url('http://i40.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
/* Header-------------------------------------------------*/
.headerbar {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
background-repeat: repeat;
}
/*Navbar2-------------------------------------------------*/
#page-header ul.navlinks {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('http://i40.servimg.com/u/f40/11/60/94/76/sombre10.png');
margin-left: -10px;
margin-right: -10px;
margin-top: -9px;
}
#search-box input {
border: 0px solid;
margin-top: -20px;
display: none;
}
#search-box input.button1 {
display: none;
padding: 1px 5px;
}
input.search {
background-image: url('http://illiweb.com/fa/vide.gif');
background-repeat: no-repeat;
background-position: left 1px;
display: none;
}
/* Post----------------------------------------------*/
.post {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('http://i40.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
/* Code block------------------------------------------------*/
dl.codebox {
padding: 3px;
background-repeat: repeat;
background-color: #005456;
border: 1px solid #000000;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 0px solid #CCCCCC;
margin-bottom: 3px;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Courier,CourierNew,sans-serif;
line-height: 1.3em;
color: #B7F7FF;
margin: 2px 0;
}
/* Blockquote------------------------------------------------*/
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background-image: url('http://i40.servimg.com/u/f40/11/60/94/76/sombre10.png');
background-repeat: repeat;
border: 1px solid #000000;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}
blockquote div {
 margin-left: 0px;
 }
blockquote blockquote {
background-color: #EFEED9;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}
/* Table-------------------------------------------------*/
.forabg {
background-repeat: repeat;
border: 1px solid #000000;
}
.forumbg {
background-repeat: repeat;
border: 1px solid #000000;
}
/* Input Button Form---------------------------------------------------------*/
input.button1, input.button2, button.button2 {
 font-size: 1em;
 }
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #000000;
}
a.button2, input.button2, button.button2 {
border: 1px solid #000000;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #b7e6ff;
background-repeat: no-repeat;
background-color: #005456;
background-image: url('http://illiweb.com/fa/empty.gif');
background-position: top;
overflow: visible;
}
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
 /* Opera does not see this */
padding: 1px 0;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
border: 1px solid #000000;
color: #fffc9e;
background-position: 0 100%;
}
a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active {
color: #b7e6ff;
text-decoration: none;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
* html input.button1, * html input.button2, * html button.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
*+html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
 vertical-align: middle;
 }
* html button.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
* html button.button2 img {
 vertical-align: middle;
 }
/* Tags-------------------------------------------------*/
select {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #000000;
padding: 1px;
background-color: #005456;
color: #b7e6ff;
}
/* Smilies-------------------------------------------------*/
#smiley-box {
float: right;
margin-top: 25px;
width: 18%;
background-color: #005456;
}
#smiley-box-wysiwyg {
float: left;
margin: 25px 0px 0px 15px;
width: 20%;
background-color: #005456;
}
* html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
background-color: #005456;
}
*+html #smiley-box-wysiwyg {
margin: 25px 3px 0px 0px;
background-color: #005456;
}
#smiley-box iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #005456;
}
#smiley-box-wysiwyg iframe{
border: none;
overflow: auto;
height: 300px;
width: 100%;
height: 280px;
background-color: #005456;
}
.smiley-element img {
margin: 0px 15px 10px 0px;
}
/* Portail_Modules-------------------------------------------------*/
.module {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('http://i40.servimg.com/u/f40/11/60/94/76/sombre10.png');
}
.module h3 {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-repeat: repeat;
background-image: url('http://i40.servimg.com/u/f40/11/60/94/76/sombre10.png');
}

Comme vous pouvez le constater, il reste au tout début un morceau de code (normalement) destiné à résoudre mon problème, mais en vain.

Résultat, sur Internet Explorer (bien que je me fiche que mon site ne soit pas optimisé pour IE, au pire), on retrouve le fameux cadre bleu moche autour de mon image-lien et sous chrome, le problème se montre sous la forme d'un underscore (toujours bleu, toujours moche) qui suit l'image-lien en question.

Comme un beau screen vaut mieux qu'un long discours, voici voilà :

Spoiler:

Comme vous pouvez le constater, cela pose un problème de largeur, d'espacement, bref, c'est esthétiquement dégueulasse !

Je précise également que les seules fois où je touche à une feuille de style CSS sont lorsque je rencontre un problème ; il n'est donc pas exclu que mon code soit mal inséré. En règle générale, lorsqu'on me propose une solution sous forme de code à insérer dans la feuille de style CSS, je le colle, comme vous pouvez le voir dans le code spoilé plus haut, au tout début de la feuille de style.

Dans l'espoir de faire un site sans trucs bleus moches qui dépassent, je vous prie d'agréer, aussi nombreux que vous serez à me répondre, mes remerciement par avance cheers


Dernière édition par TarTiflett le Mar 24 Jan 2012 - 20:27, édité 1 fois

TarTiflett
*

Masculin
Messages : 35
Inscrit(e) le : 27/02/2008

http://www.team-kill.topic-zone.com
TarTiflett a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Underscore bleu gênant

Message par Gorgorbey le Mar 24 Jan 2012 - 20:17

Bonjour,

Pouvez-vous me donner un lien vers votre forum que je puisse voir le problème ?

Cordialement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Underscore bleu gênant

Message par TarTiflett le Mar 24 Jan 2012 - 20:30

@ Gorgorbey > Problème résolu, mais merci de ton soutien ! =)

Pour les personnes ayant un problème similaire, il suffit en fait, lors de l'écriture du code HTML de ne PAS laisser d'entrées ou d'espaces entre plusieurs images qui DOIVENT se suivre, c'est cet espace qui se retrouve souligné en bleu, d'où mon impression d'underscore !

Voilà voilà, encore merci, et j'espère que ce sujet servira à des personnes rencontrant le même souci ! \o/

TarTiflett
*

Masculin
Messages : 35
Inscrit(e) le : 27/02/2008

http://www.team-kill.topic-zone.com
TarTiflett 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