Underscore bleu gênant
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Underscore bleu gênant
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 :
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à :
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
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://2img.net/i/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://2img.net/i/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
Dernière édition par TarTiflett le Mar 24 Jan 2012 - 20:27, édité 1 fois
Re: Underscore bleu gênant
Bonjour,
Pouvez-vous me donner un lien vers votre forum que je puisse voir le problème ?
Cordialement.
Pouvez-vous me donner un lien vers votre forum que je puisse voir le problème ?
Cordialement.
Re: Underscore bleu gênant
@ 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/
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/
Sujets similaires
» Liens dans Post Bleu, hors rien n'est dit Bleu dans admin
» Cadre génant
» Espace gênant ?
» Element gênant du forum.
» Cadre gênant.
» Cadre génant
» Espace gênant ?
» Element gênant du forum.
» Cadre gênant.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum