HELP ! SVP Bouton_activeHELP ! SVP Bouton_hoverHELP ! SVP Fb-hoverHELP ! SVP Fb-active
AccueilForumÉquipe 
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
HELP ! SVP EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
HELP ! SVP EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
HELP ! SVP EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
HELP ! SVP EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
HELP ! SVP EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
HELP ! SVP EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
HELP ! SVP EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
HELP ! SVP EmptySam 11 Fév 2023, 06:04 par Krager


CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

HELP ! SVP

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Invité
Invité




HELP ! SVP Empty
Voilà , je suis en pleine construction de PA et tout était parfais, la présentation était bien sous le réglement jusqu'a ce que je rajoute mon infobulle, ca a tout déformé ! Aidez moi svp
HELP ! SVP Sans_t17
MessageSujet: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 12:30
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
On pourrait voir ton tableau avant d'avoir mis l'infobulle ?
Et avoir tes codes HTML et CSS (s'il y a) s'il te plait ? =)
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 12:32
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
Euh, je peux plus poster le tableau avant vu que j'avais pas fais de capture avant :/
voici le code de ma PA :
Code:
<table width="100%" border=0" cellpadding="1" cellspacing="1">
<tbody><tr>
<td><DIV style="BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: Trebuchet MS"><FONT face=Trebuchet MS size=4,5> Le Staff </FONT></SPAN><BR></DIV></td>

<td><DIV style="BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: Trebuchet MS"><FONT face=Trebuchet MS size=4,5> Welcome in Charmed Fantasy </FONT></SPAN><BR></DIV></td>

<td><DIV style="BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: Trebuchet MS"><FONT face=Trebuchet MS size=4,5> Navigation rapide </FONT></SPAN><BR></DIV></td>
</tr>

<td><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://nsa13.casimages.com/img/2010/02/14/100214051015647746.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1"></font><br/></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i82.servimg.com/u/f82/11/22/25/85/emma210.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="2"><font face="Georgia">Casey Halliwell</td>
<center><font face="Georgia">Admin</center><br/></font></td></tr><tr align="center"/></tbody></table></span></a></td>

<td>blabla 2</td>


<td><font style="background-color: #ffffff;"><font color="#ffffff">_</font><font color=#000000></font> <span style="font-size: 15px; line-height: normal;"><i><font face="Georgia"> <font color="#000000"><font face="Georgia"> Réglement</font></font></font></i></span> <font color=#000000></font><font color="#ffffff">_</font></font></td>
</tr>

<tr>
<td>blabla 4</td>

<td>blabla 5</td>



<td><font style="background-color: #ffffff;"><font color="#ffffff">_</font><font color=#000000></font> <span style="font-size: 15px; line-height: normal;"><i><font face="Georgia"> <font color="#000000"><font face="Georgia"> Présentation</font></font></font></i></span> <font color=#000000></font><font color="#ffffff">_</font></font</td>

<td></td>
</tr>
</tbody></table>

Les blablabla c'est la ou je dois mettre mon texte et tout
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 12:36
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
Il me faut ton CSS aussi s'il te plaît
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 12:38
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
Code:
.bodyline{
    border: 10px solid #B89E9E;
    -moz-border-radius:10px;
    }

/*QUI EST EN LIGNE*/

.statistiques{
background-image: url("http://nsa13.casimages.com/img/2010/02/14/10021403503322004.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
font-size: 3px;font-weight: bold;text-align:CENTER;
text-decoration: none !important;}

a.forumlink {
text-shadow: #000000 1px 1px 1px;
    }
a.forumlink:hover{
text-shadow: #000000 1px 1px 1px;
}

a:hover{
    text-decoration: NONE !important;}

.post {background-image: url(LIENDEL'IMAGEENFOND);
background-repeat: repeat;
background-position: top left;}


td.row1{background-image: url(LIENDEL'IMAGEENFOND);
background-repeat: repeat;}

td.row2{background-image: url(LIENDEL'IMAGEENFOND);
background-repeat: repeat;}

td.row3{background-image: url(LIENDEL'IMAGEENFOND);
background-repeat: repeat;}

body{
  cursor: crosshair;
}
a:link{
  cursor: help;
}
a:visited{
  cursor: help;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 30px; /* on positionne notre infobulle */
  left: 20px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 12:41
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
Et aussi, j'aimerai bien savoir faire les boutons comme ceux la :
HELP ! SVP Ji10
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 12:42
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
Bon je t'explique où est ton problème.
C'est tout à fait normal que les textes Règlement et Présentation ne sont plus l'un sous l'autre quand tu rajoutes ton infobulles car tu les as séparé dans 2 cellules différentes.
Si tu rajoutes les bordures à ton tableau tu peux mieux visualiser le phénomène

Code:
<table width="100%" border="1" cellpadding="1" cellspacing="1">
<tbody><tr>
<td><DIV style="BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: Trebuchet MS"><FONT face=Trebuchet MS size=4,5> Le Staff </FONT></SPAN><BR></DIV></td>

<td><DIV style="BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: Trebuchet MS"><FONT face=Trebuchet MS size=4,5> Welcome in Charmed Fantasy </FONT></SPAN><BR></DIV></td>

<td><DIV style="BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY: Trebuchet MS"><FONT face=Trebuchet MS size=4,5> Navigation rapide </FONT></SPAN><BR></DIV></td>
</tr>

<td><a class="imginfo"><font color="burlywood"><img src="http://nsa13.casimages.com/img/2010/02/14/100214051015647746.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1"></font><br/></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i82.servimg.com/u/f82/11/22/25/85/emma210.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="2"><font face="Georgia">Casey Halliwell</td>
<center><font face="Georgia">Admin</center><br/></font></td></tr><tr align="center"/></tbody></table></span></a></td>

<td>blabla 2</td>


<td><font style="background-color: #ffffff;"><font color="#ffffff">_</font><font color=#000000></font> <span style="font-size: 15px; line-height: normal;"><i><font face="Georgia"> <font color="#000000"><font face="Georgia"> Réglement</font></font></font></i></span> <font color=#000000></font><font color="#ffffff">_</font></font></td>
</tr>

<tr>
<td>blabla 4</td>

<td>blabla 5</td>



<td><font style="background-color: #ffffff;"><font color="#ffffff">_</font><font color=#000000></font> <span style="font-size: 15px; line-height: normal;"><i><font face="Georgia"> <font color="#000000"><font face="Georgia"> Présentation</font></font></font></i></span> <font color=#000000></font><font color="#ffffff">_</font></font</td>

<td></td>
</tr>
</tbody></table>

Il faut donc que tu les laisses dans la même cellule pour ne pas qu'ils soient autant séparés


Pour avoir un menu comme celui-ci il suffit de toucher au CSS

Code:
a.mainmenu  {
TES PROPRIETES CSS
}
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 12:46
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
mais il faut mettre quoi dans tes propriété CSS ?
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 12:52
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
Je te conseille d'aller jeter un oeil sur ce cours très bien fait :

https://css-actif.forumactif.org/bases-css-f48/cours-elementaire-1-le-css-et-le-html-t66.htm
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 13:13
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
D'accord Smile
Et comment puis-je faire pour enlever ceci :
HELP ! SVP Sans_t18
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 13:32
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
Sb5 a écrit:
Et aussi, j'aimerai bien savoir faire les boutons comme ceux la :
HELP ! SVP Ji10

et pour les boutons ?
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 13:32
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
Pour les boutons je viens de te donner ce qu'il fallait faire.
Et pour les Sujets et Messages, il y a déjà un tutoriel sur ceci.
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 13:50
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
ah d'accor, merci Smile
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 13:51
Revenir en haut Aller en bas
http://pravusjudico.forumactif.com/forum.htm
U L I X E S ♪
U L I X E S ♪
{ Membre }
{ Membre }

Masculin Messages : 280



HELP ! SVP Empty
Pouvons-nous classer ?
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyDim 14 Fév 2010, 19:31
Revenir en haut Aller en bas
Invité
Invité




HELP ! SVP Empty
oui
MessageSujet: Re: HELP ! SVP   HELP ! SVP EmptyLun 15 Fév 2010, 07:53
Revenir en haut Aller en bas
Contenu sponsorisé




HELP ! SVP Empty
MessageSujet: Re: HELP ! SVP   HELP ! SVP Empty
Revenir en haut Aller en bas
 

HELP ! SVP

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

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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