Pas un bon mélange tout ça ... [QEEL] Bouton_activePas un bon mélange tout ça ... [QEEL] Bouton_hoverPas un bon mélange tout ça ... [QEEL] Fb-hoverPas un bon mélange tout ça ... [QEEL] Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Pas un bon mélange tout ça ... [QEEL] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Pas un bon mélange tout ça ... [QEEL] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Pas un bon mélange tout ça ... [QEEL] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Pas un bon mélange tout ça ... [QEEL] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Pas un bon mélange tout ça ... [QEEL] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Pas un bon mélange tout ça ... [QEEL] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Pas un bon mélange tout ça ... [QEEL] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Pas un bon mélange tout ça ... [QEEL] EmptySam 11 Fév 2023, 06:04 par Krager

-29%
Le deal à ne pas rater :
DYSON V8 Origin – Aspirateur balai sans fil
269.99 € 379.99 €
Voir le deal

Partagez
 

Pas un bon mélange tout ça ... [QEEL]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
T_Time
T_Time
{ Membre }
{ Membre }

Féminin Messages : 12



Pas un bon mélange tout ça ... [QEEL] Empty
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 ! Pas un bon mélange tout ça ... [QEEL] 1001172573
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 Wink
MessageSujet: Pas un bon mélange tout ça ... [QEEL]   Pas un bon mélange tout ça ... [QEEL] EmptyLun 13 Aoû 2012, 17:52
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Pas un bon mélange tout ça ... [QEEL] Empty
Bonjour,

Effectivement, pour t'aider nous aurons besoin du code CSS & HTML de ton QEEL (inutile de nous fournir celui des tutos).

Merci !
MessageSujet: Re: Pas un bon mélange tout ça ... [QEEL]   Pas un bon mélange tout ça ... [QEEL] EmptyLun 13 Aoû 2012, 19:01
Revenir en haut Aller en bas
T_Time
T_Time
{ Membre }
{ Membre }

Féminin Messages : 12



Pas un bon mélange tout ça ... [QEEL] Empty
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 ♥
MessageSujet: Re: Pas un bon mélange tout ça ... [QEEL]   Pas un bon mélange tout ça ... [QEEL] EmptyMer 15 Aoû 2012, 17:24
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Pas un bon mélange tout ça ... [QEEL] Empty
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 Wink
MessageSujet: Re: Pas un bon mélange tout ça ... [QEEL]   Pas un bon mélange tout ça ... [QEEL] EmptyVen 17 Aoû 2012, 14:29
Revenir en haut Aller en bas
T_Time
T_Time
{ Membre }
{ Membre }

Féminin Messages : 12



Pas un bon mélange tout ça ... [QEEL] Empty
    Merci Smile
    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 Smile
MessageSujet: Re: Pas un bon mélange tout ça ... [QEEL]   Pas un bon mélange tout ça ... [QEEL] EmptyLun 20 Aoû 2012, 12:49
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Pas un bon mélange tout ça ... [QEEL] Empty
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)
MessageSujet: Re: Pas un bon mélange tout ça ... [QEEL]   Pas un bon mélange tout ça ... [QEEL] EmptyVen 24 Aoû 2012, 11:11
Revenir en haut Aller en bas
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Pas un bon mélange tout ça ... [QEEL] Empty
Pas de réponse après la relance.

Je considère comme résolu.

À la prochaine Wink

Problème sans aboutissement
MessageSujet: Re: Pas un bon mélange tout ça ... [QEEL]   Pas un bon mélange tout ça ... [QEEL] EmptyJeu 30 Aoû 2012, 10:49
Revenir en haut Aller en bas
Contenu sponsorisé




Pas un bon mélange tout ça ... [QEEL] Empty
MessageSujet: Re: Pas un bon mélange tout ça ... [QEEL]   Pas un bon mélange tout ça ... [QEEL] Empty
Revenir en haut Aller en bas
 

Pas un bon mélange tout ça ... [QEEL]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème QEEL tout simple
» PA mélange image et code
» [résolu]Mélange de codes ?
» Mêlange de code : images non affichées et coins non arrondis.
» Tout simple

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit