Problème Tableau
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème Tableau
Coucou.
J'ai deux problèmes dans mon tableau.
Au niveau des liens :
J'aimerais que les liens ce colle. Et qu'au passage de la souris dessus. Le fond devienne blanc.
Au niveau de l'infobulle :
Quand on est dans la case : Staff. N'importe , où je mets la souris. L'infobulle s'ouvre. Je voudrais que ce soit que quand on à la souris dessus.
Voici le code de mon tableau :
Et mon CSS :
Merci d'avance.
Bisous.
J'ai deux problèmes dans mon tableau.
Au niveau des liens :
J'aimerais que les liens ce colle. Et qu'au passage de la souris dessus. Le fond devienne blanc.
Au niveau de l'infobulle :
Quand on est dans la case : Staff. N'importe , où je mets la souris. L'infobulle s'ouvre. Je voudrais que ce soit que quand on à la souris dessus.
Voici le code de mon tableau :
- Code:
<center> <div class="en_tete">
<table>
<tr>
<td id="tab1_col1">
<center><div class="tableau"><p><p style="text-align: center; color:#94D65E; width: 185px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Navigation Importante
</p><p><p style="text-align: center; color:white; background-color:#94D65E;font-size: 13px;"><a href="http://mad-graph.forumgratuit.org/t1-le-reglement">Règlement♥</a>
</p>
<p style="text-align: center; color:white; background-color:#94D65E;font-size: 13px;"><a href="http://mad-graph.forumgratuit.org/f3-presentation">Présentation♥</a>
</p>
<p style="text-align: center; color:white; background-color:#94D65E;font-size: 13px;"><a href="http://mad-graph.forumgratuit.org/f4-eval-de-depart">Éval de départ♥</a>
</p>
</p></div></center>
<br>
<center><div class="tableau"><p><p style="text-align: center; color:#94D65E; width: 185px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Nos Partenaires
</p>Aucun.<br>
Pas le temps pour le moment xD</p></div></center>
</td>
<td id="tab1_col2">
<center> <p><div class="tableaux"><p><p style="text-align: center; color:#94D65E; width: 335px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Bienvenue {USER&#8288;NAME}
</p><strong>Bienvenue dans notre forum {USER&#8288;NAME} dans ce forum, tu pourra progresser dans le Graphisme, tu pourra aussi y t'amusez, bavardez, jouez etc... Enfin bref tout le confort xD Allez passe un bon moment ;D </strong> </p></div>
</center>
<center> <p><div class="tableaux"><p><p style="text-align: center; color:#94D65E; width: 335px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Le Staff du Fofo'
</p><strong><div class="infobulle"><img src="http://img11.hostingpics.net/pics/546088fgfgfd.png">
<span><strong>Bella♥<br>
Créatrice du forum</strong>
<img src="http://img11.hostingpics.net/pics/901129004.png"/></span></div></div></p></div>
</center>
</td>
<td id="tab1_col3">
<center><div class="tableau"><p><p style="text-align: center; color:#94D65E; width: 185px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Les Nouveautés
</p><strong>News<br>
News<br>
News<br>
News<br>
News<br></strong></p></div></center>
<br>
<center><div class="tableau"><p><p style="text-align: center; color:#94D65E; width: 185px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Crédits
</p><br>
Design par : Bella♥<br>
Page d’Accueil par : Bella♥<br>
Forum Optimiser pour : Firefox, Chrome et IE9<br>
<br></p></div></center>
</td>
</tr>
</table>
</div>
</center>
Et mon CSS :
- Code:
/*--- Bordure du Forum ---*/
.bodyline{ border-left: 5px solid #94d65f;
border-right: 5px solid #94d65f;
border-top: 2px solid #94d65f;
border-bottom: 2px solid #94d65f;
}
.forumline{ border-left: 5px solid #94d65f;
border-right: 5px solid #94d65f;
border-top: 2px solid #94d65f;
border-bottom: 2px solid #94d65f;
}
/*--- Barre de Navigation ---*/
.mainmenu {
background-color: #94D65E;
-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding: 2px;
text-color: white;
text-decoration: none !important;
font-weight:bold;
}
.mainmenu:hover {
background-color: white;
-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding: 2px;
text-decoration: none !important;
font-weight:bold;
}
/*--- Profil du Posteur ---*/
table.tableau_profil{
width:200px;
margin:auto;
border-left: 5px solid #94d65f;
border-right: 5px solid #94d65f;
border-top: 2px solid #94d65f;
border-bottom: 2px solid #94d65f;
}
table.tableau_profil td.haut_tab{
width:200px;
height:20px;
background-color: white;
background-repeat:no-repeat;
}
table.tableau_profil td.milieu_tab{
width:200px;
background-color: wite;
background-repeat:repeat-y;
padding-left:14px;
padding-right:14px;
text-align:center;
}
table.tableau_profil td.bas_tab{
width:200px;
height:20px;
background-color: white;
background-repeat:no-repeat;
}
table.tableau_profil td.milieu_tab span.pseudo_posteur{
font-family:Comic Sans Ms;
font-size:12pt;
}
table.tableau_profil td.milieu_tab span.rang_posteur{
font-family:Comic Sans Ms;
font-size:8pt;
color:black;
font-style:italic;
}
table.tableau_profil td.milieu_tab div.infos_posteur{
width:160px;
margin:auto;
padding:4px;
text-align:left;
font-family:Comic Sans Ms;
font-size:10pt;
color:black;
background-color:#94d65f;
border-left: 5px solid #94d65f;
border-right: 5px solid #94d65f;
border-top: 2px solid #94d65f;
border-bottom: 2px solid #94d65f;
moz-border-radius:15px;
-webkit-border-radius:15px;
opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
-moz-opacity : 0.5; /* Transparence pour Firefox */
-ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
}
/*--- Fiche de Présentation ---*/
.presentation {
border-left: 5px solid #94d65f;
border-right: 5px solid #94d65f;
width: 500px;
}
/*--- Tableau ---*/
.en_tete{
height:auto;
background-color:white;
margin:auto;
}
/****** Mise en page des colonnes ******/
table tr{
vertical-align:top;
}
#tab1_col1{
width: 200px;
padding:12px;
}
#tab1_col2{
width: 350px;
padding:12px;
}
#tab1_col3{
width: 150px;
padding:12px;
}
#tab2_col1{
width: 450px;
padding:12px;
}
#tab2_col2{
width: 250px;
padding:12px;
}
/****** Mise en page des titres ******/
#titre_en_tete{
background-color:#68a4a9;
border:1px dashed #ffffff;
height: 24px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color:#ffffff;
text-align:center;
padding: 4px;
}
/****** Mise en page du texte ******/
#en_tete_nav{
font-family:Tahoma;
font-size:16px;
color:#0d1128;
margin-left:35px;
margin-bottom:-4px;
}
#contenu_en_tete{
font-family:Tahoma;
font-size:14px;
color:#0d1128;
text-align:justify;
text-indent:12px;
padding-left:8px;
padding-right:8px;
margin-bottom:-4px;
}
#en_tete_infos_forum{
font-family:Tahoma;
font-size:12px;
color:#0d1128;
text-align:justify;
text-indent:12px;
padding-left:8px;
padding-right:8px;
margin-bottom:-4px;
}
#en_tete_news{
font-family:Tahoma;
font-size:16px;
color:#0d1128;
margin-left:12px;
margin-bottom:-4px;
}
#logo_en_tete, #staff_en_tete{
text-align:center;
}
#logo_en_tete a, #staff_en_tete{
text-decoration:none;
}
#logo_en_tete img{
padding-bottom:4px;
}
#staff_en_tete img{
padding-left:6px;
}
/****** Mise en page des liens ******/
#lien_en_tete{
color:#0d1128;
text-decoration:none;
}
#lien_en_tete:hover{
border-bottom:dotted 1px #0d1128;
font-weight:bold;
}
#vers_profil{
color:#0d1128;
text-decoration:none;
font-style:italic;
}
#vers_profil:hover{
border-bottom:dotted 1px #0d1128;
}
/*--- Tableau 2ème partie ---*/
.tableau {
border-left: 5px solid #94d65f;
border-right: 5px solid #94d65f;
border-top: 2px solid #94d65f;
border-bottom: 2px solid #94d65f;
width: 200px;
}
.tableaux {
border-left: 5px solid #94d65f;
border-right: 5px solid #94d65f;
border-top: 2px solid #94d65f;
border-bottom: 2px solid #94d65f;
width: 350px;
}
.lien
/*--- Infobulle ---*/
.infobulle{
position: relative;
z-index: 0;}
.infobulle:hover{
background-color: transparent;
z-index: 50;}
.infobulle span{
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{
border: 2px;
padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#94d65f;
border-left: 5px solid #94d65f;
border-right: 5px solid #94d65f;
border-top: 2px solid #94d65f;
border-bottom: 2px solid #94d65f;
text-align: center;
width: 125px;}
Merci d'avance.
Bisous.
Dernière édition par Bella♥ le Mar 6 Sep 2011 - 18:32, édité 1 fois
Re: Problème Tableau
Up --'
Re: Problème Tableau
UP ;D
Re: Problème Tableau
Bonjour,
Que voulez-vous mettre sous forme de lien ou que voulez-vous qui est un fond blanc ?
Que voulez-vous mettre sous forme de lien ou que voulez-vous qui est un fond blanc ?
Re: Problème Tableau
Je voudrait que les liens ce collent, la ils sont séparée. Et que on passage de la souris, le fond vert des liens devient blanc ;D
Re: Problème Tableau
Up ^^
Re: Problème Tableau
Bonjour,
Aurais-tu un lien ? Je ne comprends pas tout à fait ta demande...
EDIT : Pourrais-tu aussi épurer le CSS, ne mettre que les paramètres qui concernent ton tableau ?
Aurais-tu un lien ? Je ne comprends pas tout à fait ta demande...
EDIT : Pourrais-tu aussi épurer le CSS, ne mettre que les paramètres qui concernent ton tableau ?
Re: Problème Tableau
Bonjour,
Remplacez le code de votre page d'accueil par celui ci:
Et rajoutez ces codes dans votre css:
• Donc au niveau de l'infobulle, j'ai délimité la taille du div à la taille de l'image: l'infobulle apparait uniquement au passage de la souris sur l'image.
• Pour les liens, vous aviez mis des <p> autour des liens, j'ai remplacé par des div.
Cordialement.
Remplacez le code de votre page d'accueil par celui ci:
- Code:
<center> <div class="en_tete">
<table>
<tr>
<td id="tab1_col1">
<center><div class="tableau"><p><p style="text-align: center; color:#94D65E; width: 185px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Navigation Importante
</p><p><div class="lienpa"><a href="http://mad-graph.forumgratuit.org/t1-le-reglement">Règlement♥</a>
</div>
<div class="lienpa"><a href="http://mad-graph.forumgratuit.org/f3-presentation">Présentation♥</a>
</div>
<div class="lienpa"><a href="http://mad-graph.forumgratuit.org/f4-eval-de-depart">Éval de départ♥</a>
</div>
</p></div></center>
<br>
<center><div class="tableau"><p><p style="text-align: center; color:#94D65E; width: 185px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Nos Partenaires
</p>Aucun.<br>
Pas le temps pour le moment xD</p></div></center>
</td>
<td id="tab1_col2">
<center> <p><div class="tableaux"><p><p style="text-align: center; color:#94D65E; width: 335px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Bienvenue {USER&#8288;NAME}
</p><strong>Bienvenue dans notre forum {USER&#8288;NAME} dans ce forum, tu pourra progresser dans le Graphisme, tu pourra aussi y t'amusez, bavardez, jouez etc... Enfin bref tout le confort xD Allez passe un bon moment ;D </strong> </p></div>
</center>
<center> <p><div class="tableaux"><p><p style="text-align: center; color:#94D65E; width: 335px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Le Staff du Fofo'
</p><strong><div class="infobulle" style="width: 50px;"><img src="http://img11.hostingpics.net/pics/546088fgfgfd.png">
<span><strong>Bella♥<br>
Créatrice du forum</strong>
<img src="http://img11.hostingpics.net/pics/901129004.png"/></span></div></div></p></div>
</center>
</td>
<td id="tab1_col3">
<center><div class="tableau"><p><p style="text-align: center; color:#94D65E; width: 185px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Les Nouveautés
</p><strong>News<br>
News<br>
News<br>
News<br>
News<br></strong></p></div></center>
<br>
<center><div class="tableau"><p><p style="text-align: center; color:#94D65E; width: 185px; border-bottom: #94D65E 2px solid; background-color:none;text-shadow: #94D65E 0px 0px 10px;font-size: 15px;">Crédits
</p><br>
Design par : Bella♥<br>
Page d’Accueil par : Bella♥<br>
Forum Optimiser pour : Firefox, Chrome et IE9<br>
<br></p></div></center>
</td>
</tr>
</table>
</div>
</center>
Et rajoutez ces codes dans votre css:
- Code:
a.lienpa {
text-align: center;
color:white;
font-size: 13px;
}
.lienpa:hover {
background-color:#ffffff;
}
.lienpa{
background-color:#94D65E;
}
• Donc au niveau de l'infobulle, j'ai délimité la taille du div à la taille de l'image: l'infobulle apparait uniquement au passage de la souris sur l'image.
• Pour les liens, vous aviez mis des <p> autour des liens, j'ai remplacé par des div.
Cordialement.
Re: Problème Tableau
Merci ,ses parfaits ;D
Sujets similaires
» probleme tableau
» Problème de tableau...
» problème de tableau.
» Problème tableau
» Probléme de tableau :
» Problème de tableau...
» problème de tableau.
» Problème tableau
» Probléme de tableau :
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum