CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Cristalline
{ Membre }
Messages : 10
| Bonjour bonjour ^^ Me revoilà. *out* Bon alors, j'ai un nouveau petit problème, avec les spoilers, cette fois-ci. (aa) Une capture sera plus explicite que des mots, à mon avis. - Spoiler:
Je n'arrive pas à savoir pourquoi est-ce que les spoilers se mettent en diagonales. Donc j'en viens à vous pour régler le problème. V'là le CSS, ça peut tjs être utile. (aa) - Citation :
- body {
background-color: #0000000; background-image: url("https://2img.net/h/oi40.tinypic.com/mb23w4.jpg"); background-attachment: fixed; } .bodyline{ background-color: #000000; border:10px #854405 solid; -moz-border-radius:20px; } a img { border: none; }
a:hover{ text-decoration: none !important; color : #854405;
} .forumlink{ text-decoration: none padding-left: 5px;padding-right: 5px; font-weight: bold; font-size: 12px; color : #48460a; text-shadow: 2px 2px 2px #373737; } .mainmenu{ text-decoration: none padding-left: 5px;padding-right: 5px; font-size : 12px; color : #854405 text-shadow: 2px 2px 2px #373737; } a.mainmenu{ text-decoration: none; color : #854405; background-color: #000000; border-right: #afa11e solid 4px; } a.mainmenu:hover{ text-decoration: none; letter-spacing: 0.1em !important; color : #854405; background-color: #f9fbfc; border-left: #afa11e solid 4px; } .postbody { display: block; padding-left: 20px !important; padding-right: 20px !important; text-align:justify !important; } a.forumlink { text-decoration: none; color : #A89918; text-transform: lowercase !important; letter-spacing: 2px; }
a.forumlink:actived{ text-decoration: none; color : #FDD3B5; text-transform: lowercase !important; letter-spacing: 2px; }
.quote { background-color: #85440a; color : #000000; -moz-border-radius:0px; border-bottom: 4px #afa11e solid; } .code { background-color: #85440a; color : #000000; -moz-border-radius:0px; border-bottom: 4px #afa11e solid; } tr.post span.gensmall { display: none; }
a { text-decoration: none; } tr.post span.gensmall { display: none; }
.forumline{ -moz-border-radius:2px;border-color:#000000 }
u{border-bottom: 3px solid;border-color:#48460a;text-decoration: none; -moz-border-radius:6px;}
.titremenu{ font-variant: small-caps; text-transform: lowercase; text-align: center; background-color: #48460a; }
img.pa { -moz-border-radius:4px; background-color:#ffffff; border:2px solid #E0DED7; margin:0; padding:2px;}
.profilentour { text-align:center; padding:2px; background-image: url("none"); background-color:#000000; -moz-border-radius:10px; border: 0px solid #0000000; -moz-border-radius:2px; border-bottom: 2px #000000 solid; }
.postdetails.poster-profile a img { width: 200px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border: 10px solid #000000); }
#menu ul { margin:0; padding:0; list-style-type:none; text-align:center; } #menu li { float:left; float:right; margin:0px; padding:0; background-color: #afa11e; } #menu li a { display:block; width:90px; color: #85440a; text-decoration:none; padding:5px; } #menu li a:hover { color:#000000; } #menu ul li ul { display:none; } #menu ul li:hover ul { display:block; } #menu li:hover ul li { float:none; } #menu li ul { position:absolute; }
.opacity img { filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; }
.opacity img:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
a { font-variant: small-caps; text-decoration: none; }
.background{ background-repeat: no-repeat; }
.partgroup{ padding-top:20px; text-align:center; }
.groupes{ background-color:none -moz-border-radius-bottomleft:20px; -moz-border-radius-topright:20px; height:20px; padding-right:12px; padding-left:14px; padding-bottom:10px; font-weight: 20px; text-align:center;}
.cadredroit{ -moz-border-radius:10px; border-left: 1px solid #808080; } .cadregauche{ -moz-border-radius:10px; }
a.imginfo span { display: none; }
a.imginfo:hover { background: none; z-index: 999; cursor: help; }
a.imginfo:hover span { display: inline; position: absolute; white-space: nowrap; top: 100px; /*---- Position de la grande image ----*/ left: 300px; /*---- Position de la grande image ----*/ background: #FFFFFF; /*---- Couleur de fond derrière l'image ----*/ color: #7d7d7d; /*---- Couleur du texte au dessus ou sous l'image ----*/ padding: 3px; /*---- Espace entre la bordure et le contenu (marge) ----*/ border: 3px solid #b6b6b6; /*---- Couleur et style de la bordure ----*/ }
textarea {color:#808080 ; background-color:#000000 ;}
a:link { text-decoration:none; }
MERCI D'AVANCE ! |
Dernière édition par Cristalline le Mer 21 Avr 2010, 11:59, édité 1 fois | |
| | | 4-4-2
{ Membre }
Messages : 27
| Sur ce sujet, je pourrais éventuellement t'aider, mais je ne comprends pourquoi tu dis " en diagonale ", car sur l'aperçu, le spoiler est normal :?: | | |
| | | Cristalline
{ Membre }
Messages : 10
| Pourtant, ça se voit. (aa) Enfin, je sais pas mais, normalement, ça devrait faire un truc comme ça. - Spoiler:
Enfin, je sais pas mais ça se voit. Le premier spoiler est plus grand, en largeur, que le premier. Dans un autre sujet, un membre a posté ça, qui montre assez bien le problème, quand même. xD | | |
| | | Clecle57400
{ Membre }
Messages : 61
| C'est dans un post sur un forum ou autre part ? Tu n'aurais pas mis la balise - Code:
-
[list][/list] ? Ou encore avoir mis des balises du style : - Code:
-
[center][justify]etc... 4-4-2 : Ce n'est pas un spoiler qui est en diagonale, mais les 2 qui ne sont pas au même endroit. | | |
| | | Cristalline
{ Membre }
Messages : 10
| Dans un post sur mon forum. & non, je n'ai pas mis cette balise. Ni les deux autres. =/ | | |
| | | Cristalline
{ Membre }
Messages : 10
| Finalement, je viens de trouver la solution ; Merci quand même ! | | |
| | | 4-4-2
{ Membre }
Messages : 27
| En effet, c'est le mot " diagonale " que j'avais mal interprété. A+ ! | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|