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! |
| Pas un bon mélange tout ça ... [QEEL] | |
| T_Time
{ Membre }
Messages : 12
| Bonsoir (d'après l'heure où je vous écris). Je ne vais pas passer par quatre chemins pour vous expliquer mon problème.
J'avais utilisé deux tutos différents. Pourquoi ? Pour la simple et bonne raison que le premier avait la mise en forme parfaite et que le second avait un petit plus que j'aime bien rajouté.
Bon, je vais dans les précisions maintenant.
Image (render) du premier tutoriel : https://2img.net/h/oi39.tinypic.com/2h564o2.png Image du second tutoriel : https://i.servimg.com/u/f32/15/82/69/61/sans_t11.jpg
Je vous explique ce que je voulais faire : Tout simplement, mettre infobulle des groupes du deuxième tuto dans mon QEEL (1er tuto).
Image du bug : https://i.servimg.com/u/f32/15/82/69/61/sans_t12.jpg
Donc voilà ... Les groupes sont collés à la partie droite, ils sont petits et en prime soulignez (pas terrible niveau esthétique ...).
Donc voilà, si un codeur pouvait bien me prêter son aide pour régler ce petit soucis ce serait super ! Si besoin, je fournis les trois codes (tuto 1 & 2 + QEEL actuel)
Merci d'avoir lu et si vous n'avez pas bien compris, je peux ré-expliquer | | |
| | | Orange
RocketMan
Messages : 3086
| Bonjour,
Effectivement, pour t'aider nous aurons besoin du code CSS & HTML de ton QEEL (inutile de nous fournir celui des tutos).
Merci ! | | |
| | | T_Time
{ Membre }
Messages : 12
| D'accord (et merci !). Alors voilà les engins >.< : Template (que j'ai modifié à mes risques et périls) : - Code:
-
<!-- BEGIN disable_viewonline --> <center> <img src="http://i40.servimg.com/u/f40/13/70/02/08/image10.png"> <div class="tableauqueel"> <table style="width: 100%; border-collapse:collapse;"> <br><br><tr> <td width="50%"><left><span class="groupes"><td><a href="#ff9257" class="groupe1">Clan du Tonnerre<span class="groupe_contenu">Dirigés par Etoile *** et secondé par *** ***, le clan vit sous le couvert des arbres. Feuille Verte est leur guérisseuse attitrée.</span></a> <a href="#575FFF" class="groupe2">Clan de la Rivière<span class="groupe_contenu">Protégés par Etoile *** et *** ***, ce clan n'a pas perdu son coup de patte. Et *** *** sait s'occuper d'eux quand ils ne vont pas bien. </span></a> <a href="#5dcf00" class="groupe3">Clan du Vent<span class="groupe_contenu">Aidé de *** ***, Etoile *** sait comment mener son clan, même à découvert. *** *** connait toutes les plantes utiles à son clan.</span></a> <a href="#9257ff" class="groupe4">Clan de l'Ombre<span class="groupe_contenu">Etoile *** et *** *** veillent sur le clan en toute discretion. De plus, *** *** n'a pas peur des maladies qui touchent son clan.</span></a> <a href="#5795ff" class="groupe5">Clan du Ciel<span class="groupe_contenu">*** *** soutient Etoile *** pour le bien être du clan, tout comme *** *** qui veille à la bonne santé des siens.</span></a></td> </left></td> <td width="50%"><div class="partiedroite"><br><ul><div class="gensmall">{TOTAL_POSTS}<br>{TOTAL_USERS}<br>
{NEWEST_USER}<br>{TOTAL_USERS_ONLINE}</div><br> </ul> <br></div></td> </tr> </table><br> <span class="gensmall"><table width=70%">{L_CONNECTED_MEMBERS} {LOGGED_IN_USER_LIST}<br></table></span></div></center> <br> <!-- END disable_viewonline --> CSS que j'ai essayé d'arranger (pour le pire plus que pour le meilleur) : - Code:
-
/*---------------- Qui est en Ligne ----------------*/
.tableauqueel{ background-image: url('http://i35.servimg.com/u/f35/17/65/72/05/sans_t10.jpg'); border : dotted 0px #cccccc ; -moz-border-radius : 3px 3px 20px 20px}
.partiedroite { font-size : 12px ; border-radius : 6px; background-color : #ffffff ; text-align: left; margin-right: 25px; margin-left: 0px; }
.groupe1, .groupe2, .groupe3, .groupe4, .groupe5 { display: block; font-weight: bold; text-transform: small-caps; margin-top: 5px; text-align: left;font-size: 14px; } .groupe1 { color: #dd5549 !important; } .groupe2 { color: #5176b4 !important; } .groupe3 { color: #d19656 !important; } .groupe4 { color: #579c5a !important; } .groupe5 { color: #545454 !important; } .groupe_contenu { display: none; }
.groupe1:hover .groupe_contenu, .groupe2:hover .groupe_contenu, .groupe3:hover .groupe_contenu, .groupe4:hover .groupe_contenu, .groupe5:hover .groupe_contenu { display: block; position: absolute; margin-left: 50px; width: 250px; background: #e9e9e6; padding: 4px; border: 1px dotted #c0c0c0; color: #989898; font-size: 10px; font-weight: normal; } En tout cas merci de votre aide ♥ | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour ! Je fais un petit tour du code HTML pour te pointer les erreurs que je vois, et qui pourraient très bien être la source de ton bug ! • On ne met pas de sauts de ligne dans un tableau en dehors des cellules (donc pas de <br /> avant ou après une balise <tr> ou </tr> ) • Cette partie du code n'a aucun sens : - Code:
-
<td width="50%"><left><span class="groupes"><td> • La "fin" du code précédent n'a aucun sens non plus : - Code:
-
</td> </left></td> • Une liste <ul> contient toujours des éléments <li> , si tu l'as placée pour créer des marges, alors contente toi d'un div et donne lui des marges via une classe CSS ! • A la fin de ton code (c'est visible immédiatement avec la coloration syntaxique de notepad++), on voit qu'il manque un guillemet fermant après 70%. Un attribut HTML doit toujours être entre guillemets. • A ce même niveau il ne faut pas mettre de saut de ligne avant </table> • On écrit <br /> et non pas <br> • La balise <left> n'existe pas '_' • Pense à sauter des lignes pour pouvoir te repérer dans ton code Je te laisse corriger tes erreurs à présent | | |
| | | T_Time
{ Membre }
Messages : 12
| Merci Mais ... Pour moi c'est un peut du charabia x) Je ne suis pas très douée, je l'admet. Au départ ce n'été que des codes en LS donc à part les couleurs et une image, je n'ai pas touché à grand chose (sauf en voulant mettre les infobulles bien évidemment). J'essayerais tout de même de corriger ce que tu m'as dit à mon retour | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour, as-tu du nouveau ? Et sinon, pour ce qui est du "charabia", c'est comme tout, il suffit juste de s'y mettre un peu sérieusement et tu finiras par au moins comprendre les mécanismes... (Et je te conseille vivement d'apprendre aux moins les bases) | | |
| | | Orange
RocketMan
Messages : 3086
| Pas de réponse après la relance. Je considère comme résolu. À la prochaine Problème sans aboutissement | | |
| | | Contenu sponsorisé
| | | | | Pas un bon mélange tout ça ... [QEEL] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|