 ♦ Lady of Spade 
{ Membre }
 Messages : 217
 | Hellow =3 J'ai comme qui dirait un p'tit problème alors j'envoie la sauce : x3  Le navigateur utilisé : Firefox 3.6.13 La version du forum : phpBB2 Problème de CSS ou HTML : Un morceau de CSS mais après, il peut y avoir quelque chose d'autre ou en plus. Je suis pas trop sûre. x3 Explications du problème : Hé bien, pour faire simple j'ai voulu personnaliser mes descriptions en mettant d'une part, le texte à gauche et d'autre part, une icône à droite du texte. Jusque là, pas de problème, que du basique. Après, pour un rendu plus esthétique, j'y ai ajouté une scrollbar pour que la description ne dépasse pas 100px et la encore pas de problème. La ou a surgit mon problème, c'est quand j'ai voulu bloquer l'image pour qu'elle reste fixe et que seul le texte suive la scrollbar. Alors j'ai codé ça à blanc sur bloc note et là aucun problème, tout marchait nickel. ais après, en installant le css et le code de la description sur le forum ça ne marchait plus : l'image avait disparue. J'ai utilisé le code "position:fixed" pour fixer l'image et si sur bloc note ça fonctionne, sur le forum en revanche ça refuse d'afficher l'image avec cette fonction. Et quand je l'enlève ou que je change de propriété, l'image réapparait, mais évidemment l'image suis alors le texte ce que je ne veux pas. Alors ma question : d'où vient le problème ? Ai-je utilisé un mauvais code ? Ai-je mal codé ma description ? Et finalement comment résoudre mon problème et donc comment bloquer l'image pour qu'elle reste fixe et que seule le texte suivent la scrollbar ? Les codes ajoutés avant le problème :La partie du CSS liée à la description : - Spoiler:
- Code:
-
.opacity {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
#boxdesc {
background-color:#EBF3F5;
border-top:1px dotted #608792;
border-bottom:1px dotted #608792;
margin:0px;
padding:0px 1px 1px 2px;
height:99px;
overflow:auto;
width:500px;
}
.desctxt {
font-family:tahoma;
font-size:10px;
text-align:justify;
color:#608792;
}
Le code de ma description : - Spoiler:
- Code:
-
<div id="boxdesc"> <table cellspacing="0" cellpadding="0"> <tr> <td> <div class="desctxt" style="margin-right:102px;"> Sed te necessitatibus semper vituperatoribus, vel ea alia erat insolens, quo ad delicata pericula. Ut ornatus fuisset cum, ex sea feugait nostrum mnesarchum. Eam assentior prodesset ne, mutat soleat perfecto ea pro, aeque deleniti ne nec. Nec elitr populo officiis ad, suscipit lucilius perfecto no pro. Utinam aliquid vocibus his in, ne soleat pertinax neglegentur eam, idque omnes principes sit ei. Unum sale at vel, no pri aeque movet complectitur, sea et assum accusam scribentur.<br>Sed te necessitatibus semper vituperatoribus, vel ea alia erat insolens, quo ad delicata pericula. Ut ornatus fuisset cum, ex sea feugait nostrum mnesarchum. Eam assentior prodesset ne, mutat soleat perfecto ea pro, aeque deleniti ne nec. Nec elitr populo officiis ad, suscipit lucilius perfecto no pro. Utinam aliquid vocibus his in, ne soleat pertinax neglegentur eam, idque omnes principes sit ei. Unum sale at vel, no pri aeque movet complectitur, sea et assum accusam scribentur. </div> </td> <td> <div style="position:fixed !important;margin-top:-72px;margin-left:-99px;"> <img src="http://oi55.tinypic.com/14l2cz9.jpg" class="opacity"> </div> </td> </tr> </table> </div>
Une capture d'écran : Ce que j'ai sur le forum : - Spoiler:
Ce que j'ai sur bloc note et que je voudrais voir appliqué sur le forum : - Spoiler:
J'avoue être complètement à côté (pour ne pas dire à 3 kms) de mes sabots en ce moment et je parie une chupa-chups qu'il s'agit d'un truc tout bête que je connais certainement et pour lequel je me traiterais d'idiote plus tard, mais bon... x3 En tout cas merci d'avance à celui ou celle qui aura la gentillesse de prendre le temps de me répondre et de me dépanner  Lady | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hello Ton problème est-il toujours d'actualité? S'il a été résolu je te prie d'éditer ton premier message et de cocher l'icône  Merci  | | |
|
♦ Lady of Spade
{ Membre }
Messages : 217
| Coucou,
Non, c'est toujours d'actu', n'ayant encore trouvé aucune solution à mon problème ^__^ | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Bonsoir ^^ Ton problème est-il toujours d'actualité? S'il a été résolu, je te prie d'éditer ton premier message et de cocher l'icône Merci | | |
|
Fire-Fly
{ Membre actif }
Messages : 429
| Bon salut! Je ne suis pas la plus expérimentée des codeu'se' du monde mais est-ce que tu as essayé de mettre un: - Code:
-
position:absolute;
..? Dit moi si ça marche, en tout cas sur mon forumtest oui donc on croise les doigts! | | |
|
♦ Lady of Spade
{ Membre }
Messages : 217
| Hellow =3 J'étais pourtant persuadée d'avoir testé cette valeur à un moment ou un autre, mais apparemment pas... j'ai dû zappé puisque sinon mon problème ne se serait pas posé. x3 Enfin bref, tout marche à présent. Thank you, Fire-Fly, pour ton aide précieuse !  Problème résolu, vous pouvez classer & merci encore  | | |
|
Fire-Fly
{ Membre actif }
Messages : 429
| Ça fait plaisir | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| L'icône résolu est cochée alors je classe
| | |
|
Lun 03 Juin 2024, 17:20 par 
