Problème pour agrandir une boite dans un tableau
3 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 pour agrandir une boite dans un tableau
Bonjour, bonsoir,
j'ai un petit "souci" avec ma PA. Voici les codes
Code Css
Code HTML
Adresse du forum (forum test)
Mon "souci" (dans un premier temps) est que je voudrais savoir comment faire pour élargir la partie "Bienvenue". J'ai bien essayé, mais à part réussir à agrandir tout le tableau c'est tout ce que j'ai réussi à faire...
Ensuite, je voudrais savoir également comment, toujours dans la même partie, supprimer la scrollbar pour pouvoir mettre un défillement comme pour les "partenaires" (en fait j'ai pas trouver comment virer la scrollbar)
Enfin voila, merci par avance.
j'ai un petit "souci" avec ma PA. Voici les codes
Code Css
- Spoiler:
- Code:
.code{
font-family: Comic Sans MS;
font-size: 12px;
color: #176A18;
line-height: 125%;
background-color: #000000;
border: #FFFFFF;
border-style: solid;
border: 1px #FFFFFF dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
/* =================
===== Message d'accueil =====
script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
http://www.themes-fa.com - BY-NC (http://creativecommons.org/licenses/by-nc/2.0/fr/)
================= */
/*----------------- Ma g?n?ral ----------------- */
/* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}
/*le tableau invisible */
.table25
{
border: none ;
}
/* Liens */
.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px dashed black;
-moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.a2:hover
{
background-color: #176A18;
color: white;
}
#table22 /* fond du ma */
{
width: 770px;
background-color: #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
/*-----------------Titre----------------- */
/* Le titre special pour le texte de bienvenu */
.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: Orange;
text-align: center;
margin: 10px;
/max-width: 367px;
}
/* le titre special pour les credits */
.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: orange;
text-align: center;
margin: 10px;
/max-width: 160px;
}
/* le titre pour les autres boites */
.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: orange;
text-align: center;
margin: 10px;
}
/* effet de transparance FF */
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
/*-----------------Les boites contenant les textes----------------- */
/* Navigation */
.navi_ma
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/* News */
.news
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
}
/* Partenaires */
.partenaire_test
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/* message de bienvenu */
#bienvenu_ma
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
width: 400px;
}
/* membres staffs */
.staff
{
background-color: #176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/*crédits */
.credits
{
background-color: #176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/*-----------------inffobulles----------------- */
div.infobulle
{
position: relative;
float: left;
color: black;
}
div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;
}
/* style de l infobulle */
div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #176A18;
color: black;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
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é */
text-align: center;
font-size: 14px;
}
Code HTML
- Spoiler:
- Code:
<div id="table22">
<table class="table25">
<tr>
<td rowspan="2"><h2 class="h2_theme">Menu</h2><div class="navi_ma">
<br>
<a href="http://fanfictionsunivers.forumactif.fr/profile.forum?mode=register" class="a2">Inscription</a>
<a href="http://fanfictionsunivers.forumactif.fr/regles-et-charte-f10/reglement-du-forum-t1.htm" class="a2">Réglement</a>
<a href="http://fanfictionsunivers.forumactif.fr/presentations-f1/" class="a2">Présentation</a>
<br>
<a href="http://www.annuairedeforums.com/pages/move.php?id=28580&mode=in' target='_blank" class="a2">Vote</a>
<a href="http://fanfictionsunivers.boosterforum.com/" target="_blank" class="a2">Vote</a>
</div>
</td>
<td align="center" colspan="3">
<h2 class="h2_themebienvenu">Bienvenue sur Fanfictions Univers</h2><div id="bienvenu_ma"><b><i><font size="3"><font color="orange">{USER&#8288;NAME}</font></font></i></b>
<br><br><br><center>Nous vous souhaitons la bienvenue sur le forum. <br/><br><br/>Vous êtes fan d’une série et vous n’avez pas du tout aimé la façon dont celle-ci se termine ?<br/>Vous avez écrit la suite d’un épisode ou bien un meilleur final ?...<br/>Vous écrivez aussi des textes ou poèmes... <br/><br><br/>Alors vous êtes au bon endroit, venez partager vos histoires, méthodes d’écriture, etc…<br/>Vous trouverez également des histoires, mis en ligne par divers auteurs.<br/>Nous vous souhaitons de passer un agréablement moment.</center>
<br><br><br><div style="text-align: right;"><b><i><font size="3"><font color="orange">Bonne visite</font></font></i></b>
</div>
</td>
</tr>
<tr>
<td align="left">
<h2 class="h2_theme">Partenaires</h2><div class="partenaire_test" id="scroller_container">
<div class="jscroller2_left jscroller2_speed-60 jscroller2_mousemove" style="font-size:14px; line-height:50px; white-space:nowrap; margin: 0;">
<a href="http://logos-pubs.forumactif.com" class="postlink" target="_blank"><img src="http://nsa11.casimages.com/img/2010/01/21/100121034947957272.gif" border="0" alt="" /></a>
<a href="http://thesecret-l-world.forumactif.com" class="postlink" target="_blank"><img src="http://i14.servimg.com/u/f14/14/64/77/88/logo15.gif" border="0" alt="" /></a>
<a href="http://100pourcentpub.forumactif.org"><img src="http://i14.servimg.com/u/f14/14/44/90/04/logo12.gif"alt="100pourcentpub"/></a>
<a href="http://amis-pub.forumpro.fr"><img src="http://nsa02.casimages.com/img/2008/09/18/080918022147449628.gif" alt="Forum de pub de qualité" border="0"/></a>
<a href="http://melodiepub.forumactif.com"><img src="http://i14.servimg.com/u/f14/14/44/90/04/logo11.gif"alt="Mélodie-PUB"/></a>
<a href="http://communaute-ecrivains.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://i68.servimg.com/u/f68/13/88/97/63/anigif10.gif" border="0" alt="" /></a>
<a href="http://lapubdesgourmands.forumactif.com/" class="postlink" target="_blank"><img src="http://i48.tinypic.com/2w37wv5.png" border="0" alt="" /></a>
<a href="http://poke-forum-france.un concurrent.fr/index.php" class="postlink" target="_blank"><img src="http://i64.servimg.com/u/f64/14/44/90/04/logo13.gif" border="0" alt="" /></a>
<a href="http://twilight-rpg.vampire-legend.net/forum.htm" class="postlink" target="_blank"><img src="http://i47.tinypic.com/30hr968.png" border="0" alt="" /></a>
<a href="http://conspirationsdeparis.forums-actifs.com" class="postlink" target="_blank"><img src="http://i13.servimg.com/u/f13/14/63/59/26/th/lcp_lo10.jpg" border="0" alt="" /></a>
<a href="http://japanattitude.forumactif.com/" target="_blank"><img src="http://i15.servimg.com/u/f15/13/65/46/09/ban_fo11.jpg"></a>
<a href="http://pupuce1969.boosterforum.com" class="postlink" target="_blank"><img src="http://img7.hostingpics.net/pics/849205logo_f12.gif" border="0" alt="" /></a>
<a href="http://kristen-ashley.forumactif.com" class="postlink" target="_blank"><img src="http://i61.servimg.com/u/f61/12/41/06/34/th/parten10.gif" border="0" alt="" /></a>
<a href="http://colin-morgan.forumactif.com/index.htm" class="postlink" target="_blank"><img src="http://i16.servimg.com/u/f16/14/76/34/37/colin-12.jpg" border="0" alt="" /></a>
<a href="http://fanfiction.superforum.fr/" class="postlink" target="_blank"><img src="http://img123.imageshack.us/img123/420/fanfictioncopiexl6.png" border="0" alt="" /></a>
<a href="http://tagada.nouslesfans.com/" class="postlink" target="_blank"><img src="http://i66.servimg.com/u/f66/14/36/10/95/bouton11.gif" border="0" alt="" /></a>
<a href="http://gabaldon-lallybroch.forumactif.org" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/20/97/46/bouton12.png" border="0" alt="" /></a>
<a href="http://rayon-otaku.forumactif.com"><img src="http://img5.hostingpics.net/pics/1227488x31.gif" border="0"/></a>
<a href="http://www.ultimate-kbeckinsale.com" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/button10.gif" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://sarah-et-eliza.forumactif.com/" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/70/01/72/bb3bl710.jpg" border="0" alt="" /></a>
<a href="http://ashleygreene.forumactif.com" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/afuvol10.png" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://lire-ecrire.forumactif.org/forum.htm"
target="_blank"><img src="http://i11.servimg.com/u/f11/13/91/74/52/bouton10.gif" border="0" alt="Image hergée par servimg.com" /></a>
<a href="http://dream-twilight.un concurrent.fr
" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/dt10.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://twilight-dark.twilight-vampire.com/forum.htm" class="postlink" target="_blank"><img src="http://i61.servimg.com/u/f61/12/41/06/34/caghtz10.gif" border"0"alt="Logo"/></a>
<a href="http://underworld.forumactif.fr/" class="postlink" target="_blank"><img src="http://img151.imageshack.us/img151/7763/boutonforum10035.gif" border="0" alt="" /></a>
<a href="http://spartacus-fan.forumactif.com/" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/i6zcn710.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://simplementnous.forumactif.org/forum.htm//" target="_blank" ><img src="http://img7.hostingpics.net/pics/497387bouton01.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://ladifference.forum.st" target="_blank" ><img src="http://i69.servimg.com/u/f69/14/49/32/29/th/bannia19.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://vampires-legend.forumactif.com/forum.htm" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/bouton12.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://imagination.discutforum.com/index.htm" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/bouton10.png" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://xwpw.forumactif.org/" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/ngyncf10.gif" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://secrets-ecrivains.exprimetoi.net" class="postlink" target="_blank"><img src="http://img576.imageshack.us/img576/3408/giiiiif.gif" border="0" alt="" /></a>
<a href="http://readtwilight.forumactif.com/index.html" class="postlink"target="_blank"><img src="
http://img169.imageshack.us/img169/4967/boutonreadtwilight.png" border="0" alt="" /></a>
<a href="http://lesfemmes.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i31.servimg.com/u/f31/12/41/06/34/tam1111.jpg" border="0" alt="" /></a>
<a href="http://addict-of-fanfic.1fr1.net" class="postlink" target="_blank"><img src="http://nsa20.casimages.com/img/2010/09/02/100902021211924669.png" border="0" alt="" /></a>
<a href="http://hpvst.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i28.servimg.com/u/f28/15/58/18/75/bouton10.jpg" border="0" alt="" /></a>
<a href="http://dragonpub.forum-canada.net/forum.htm" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/15/20/55/14/dragon10.gif" border="0" alt="" /></a>
<a href="http://lecinema.forumsactifs.com" class="postlink" target="_blank"><img src="http://i35.servimg.com/u/f35/10/05/75/75/88x31_10.gif" border="0" alt="" /></a>
<a href="http://battleonx-series.forumactif.org" class="postlink" target="_blank"><img src="http://i21.servimg.com/u/f21/12/41/06/34/battle12.jpg" border="0" alt="" /></a>
<a href="http://charmed-immortal.forumactif.com" class="postlink" target="_blank"><img src="http://i21.servimg.com/u/f21/12/41/06/34/bouton13.gif" border="0" alt="" /></a>
<a href="http://the-simpsons-pub.exprimetoi.net" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/14/44/90/04/logo10.gif" border="0" alt="" /></a>
<a href="http://www.frenchficsfanart.com" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/14/03/72/43/bouton10.png" border="0" alt="" /></a>
<a href="http://leboudoirdesiris.forumactif.org/" target="_blank"><img src="http://illiweb.com/fa/pbucket.gif" alt="Le boudoir des Iris" title="Le boudoir des Iris" border="0" /></a>
</div></div>
</td>
<td align="left" colspan="2">
<h2 class="h2_theme"> Le Staff </h2><div class="staff"><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Admin<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/kateb10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u1">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=1">Mp</a></div>
</span></div><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Co Admin<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/anshac10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u4">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=4">Mp</a></div>
</span></div><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Modérateur<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/end_10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u6">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=6">Mp</a></div>
</span></div>
</div>
</td>
<td align="left">
<h2 class="h2_themecredit">Crédits</h2><div class="credits" >
Design :
Anshaca<br/>
© Toute reproduction entière ou partielle est interdite et sera signalé à Forumactif.</div>
</td>
</tr>
</table>
</div>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script>
Adresse du forum (forum test)
- Spoiler:
Mon "souci" (dans un premier temps) est que je voudrais savoir comment faire pour élargir la partie "Bienvenue". J'ai bien essayé, mais à part réussir à agrandir tout le tableau c'est tout ce que j'ai réussi à faire...
Ensuite, je voudrais savoir également comment, toujours dans la même partie, supprimer la scrollbar pour pouvoir mettre un défillement comme pour les "partenaires" (en fait j'ai pas trouver comment virer la scrollbar)
Enfin voila, merci par avance.
Dernière édition par Anshaca le Mer 2 Mar 2011 - 20:07, édité 1 fois
Re: Problème pour agrandir une boite dans un tableau
Bonjour
Je regarde votre code
Pour le scrolling :
Ceci provient de ces lignes ou propriètés
Cordialement,
Ge
Je regarde votre code
Pour le scrolling :
Ceci provient de ces lignes ou propriètés
- Code:
overflow-y: auto;
overflow-x: visible;
Cordialement,
Ge
Re: Problème pour agrandir une boite dans un tableau
Yeah!!!! Merci beaucoup Ge, ça marche nikel
Maintenant, il en me reste plus qu'à trouver le moyen de centrer la partie "Bienvenue", parce que j'ai réussi à l'agrandir, mais tout le reste est décalé
Si quelqu'un peu m'aider, je mets les codes
HTML
CSS
Maintenant, il en me reste plus qu'à trouver le moyen de centrer la partie "Bienvenue", parce que j'ai réussi à l'agrandir, mais tout le reste est décalé
Si quelqu'un peu m'aider, je mets les codes
HTML
- Spoiler:
- Code:
<div id="table2">
<table class="table25">
<tr>
<td rowspan="2"><h2 class="h2_theme">Menu</h2><div class="navi_ma">
<br>
<a href="http://fanfictionsunivers.forumactif.fr/profile.forum?mode=register" class="a2">Inscription</a>
<a href="http://fanfictionsunivers.forumactif.fr/regles-et-charte-f10/reglement-du-forum-t1.htm" class="a2">Réglement</a>
<a href="http://fanfictionsunivers.forumactif.fr/presentations-f1/" class="a2">Présentation</a>
<br>
<a href="http://www.annuairedeforums.com/pages/move.php?id=28580&mode=in' target='_blank" class="a2">Vote</a>
<a href="http://fanfictionsunivers.boosterforum.com/" target="_blank" class="a2">Vote</a>
</div>
</td>
<td align="center" colspan="3">
<h2 class="h2_themebienvenu">Bienvenue sur Fanfictions Univers</h2><div id="bienvenu_ma"> <div class="jscroller2_up jscroller2_speed-60 jscroller2_mousemove" style="font-size:14px; line-height:50px; white-space:nowrap; margin: 0;"><b><i><font size="3"><font color="orange">{USER&#8288;NAME}</font></font></i></b>
<br><br><br><center>Nous vous souhaitons la bienvenue sur le forum. <br/><br><br/>Vous êtes fan d’une série et vous n’avez pas du tout aimé la façon dont celle-ci se termine ?<br/>Vous avez écrit la suite d’un épisode ou bien un meilleur final ?...<br/>Vous écrivez aussi des textes ou poèmes... <br/><br><br/>Alors vous êtes au bon endroit, venez partager vos histoires, méthodes d’écriture, etc…<br/>Vous trouverez également des histoires, mis en ligne par divers auteurs.<br/>Nous vous souhaitons de passer un agréablement moment.</center>
<br><br><br><div style="text-align: right;"><b><i><font size="3"><font color="orange">Bonne visite</font></font></i></b>
</div>
</td>
</tr>
<tr>
<td align="left">
<h2 class="h2_theme">Partenaires</h2><div class="partenaire_test" id="scroller_container">
<div class="jscroller2_left jscroller2_speed-60 jscroller2_mousemove" style="font-size:14px; line-height:50px; white-space:nowrap; margin: 0;">
<a href="http://logos-pubs.forumactif.com" class="postlink" target="_blank"><img src="http://nsa11.casimages.com/img/2010/01/21/100121034947957272.gif" border="0" alt="" /></a>
<a href="http://thesecret-l-world.forumactif.com" class="postlink" target="_blank"><img src="http://i14.servimg.com/u/f14/14/64/77/88/logo15.gif" border="0" alt="" /></a>
<a href="http://100pourcentpub.forumactif.org"><img src="http://i14.servimg.com/u/f14/14/44/90/04/logo12.gif"alt="100pourcentpub"/></a>
<a href="http://amis-pub.forumpro.fr"><img src="http://nsa02.casimages.com/img/2008/09/18/080918022147449628.gif" alt="Forum de pub de qualité" border="0"/></a>
<a href="http://melodiepub.forumactif.com"><img src="http://i14.servimg.com/u/f14/14/44/90/04/logo11.gif"alt="Mélodie-PUB"/></a>
<a href="http://communaute-ecrivains.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://i68.servimg.com/u/f68/13/88/97/63/anigif10.gif" border="0" alt="" /></a>
<a href="http://lapubdesgourmands.forumactif.com/" class="postlink" target="_blank"><img src="http://i48.tinypic.com/2w37wv5.png" border="0" alt="" /></a>
<a href="http://poke-forum-france.un concurrent.fr/index.php" class="postlink" target="_blank"><img src="http://i64.servimg.com/u/f64/14/44/90/04/logo13.gif" border="0" alt="" /></a>
<a href="http://twilight-rpg.vampire-legend.net/forum.htm" class="postlink" target="_blank"><img src="http://i47.tinypic.com/30hr968.png" border="0" alt="" /></a>
<a href="http://conspirationsdeparis.forums-actifs.com" class="postlink" target="_blank"><img src="http://i13.servimg.com/u/f13/14/63/59/26/th/lcp_lo10.jpg" border="0" alt="" /></a>
<a href="http://japanattitude.forumactif.com/" target="_blank"><img src="http://i15.servimg.com/u/f15/13/65/46/09/ban_fo11.jpg"></a>
<a href="http://pupuce1969.boosterforum.com" class="postlink" target="_blank"><img src="http://img7.hostingpics.net/pics/849205logo_f12.gif" border="0" alt="" /></a>
<a href="http://kristen-ashley.forumactif.com" class="postlink" target="_blank"><img src="http://i61.servimg.com/u/f61/12/41/06/34/th/parten10.gif" border="0" alt="" /></a>
<a href="http://colin-morgan.forumactif.com/index.htm" class="postlink" target="_blank"><img src="http://i16.servimg.com/u/f16/14/76/34/37/colin-12.jpg" border="0" alt="" /></a>
<a href="http://fanfiction.superforum.fr/" class="postlink" target="_blank"><img src="http://img123.imageshack.us/img123/420/fanfictioncopiexl6.png" border="0" alt="" /></a>
<a href="http://tagada.nouslesfans.com/" class="postlink" target="_blank"><img src="http://i66.servimg.com/u/f66/14/36/10/95/bouton11.gif" border="0" alt="" /></a>
<a href="http://gabaldon-lallybroch.forumactif.org" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/20/97/46/bouton12.png" border="0" alt="" /></a>
<a href="http://rayon-otaku.forumactif.com"><img src="http://img5.hostingpics.net/pics/1227488x31.gif" border="0"/></a>
<a href="http://www.ultimate-kbeckinsale.com" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/button10.gif" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://sarah-et-eliza.forumactif.com/" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/70/01/72/bb3bl710.jpg" border="0" alt="" /></a>
<a href="http://ashleygreene.forumactif.com" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/afuvol10.png" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://lire-ecrire.forumactif.org/forum.htm"
target="_blank"><img src="http://i11.servimg.com/u/f11/13/91/74/52/bouton10.gif" border="0" alt="Image hergée par servimg.com" /></a>
<a href="http://dream-twilight.un concurrent.fr
" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/dt10.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://twilight-dark.twilight-vampire.com/forum.htm" class="postlink" target="_blank"><img src="http://i61.servimg.com/u/f61/12/41/06/34/caghtz10.gif" border"0"alt="Logo"/></a>
<a href="http://underworld.forumactif.fr/" class="postlink" target="_blank"><img src="http://img151.imageshack.us/img151/7763/boutonforum10035.gif" border="0" alt="" /></a>
<a href="http://spartacus-fan.forumactif.com/" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/i6zcn710.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://simplementnous.forumactif.org/forum.htm//" target="_blank" ><img src="http://img7.hostingpics.net/pics/497387bouton01.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://ladifference.forum.st" target="_blank" ><img src="http://i69.servimg.com/u/f69/14/49/32/29/th/bannia19.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://vampires-legend.forumactif.com/forum.htm" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/bouton12.jpg" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://imagination.discutforum.com/index.htm" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/bouton10.png" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://xwpw.forumactif.org/" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/ngyncf10.gif" border="0" alt="Image hébergée par servimg.com" /></a>
<a href="http://secrets-ecrivains.exprimetoi.net" class="postlink" target="_blank"><img src="http://img576.imageshack.us/img576/3408/giiiiif.gif" border="0" alt="" /></a>
<a href="http://readtwilight.forumactif.com/index.html" class="postlink"target="_blank"><img src="
http://img169.imageshack.us/img169/4967/boutonreadtwilight.png" border="0" alt="" /></a>
<a href="http://lesfemmes.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i31.servimg.com/u/f31/12/41/06/34/tam1111.jpg" border="0" alt="" /></a>
<a href="http://addict-of-fanfic.1fr1.net" class="postlink" target="_blank"><img src="http://nsa20.casimages.com/img/2010/09/02/100902021211924669.png" border="0" alt="" /></a>
<a href="http://hpvst.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i28.servimg.com/u/f28/15/58/18/75/bouton10.jpg" border="0" alt="" /></a>
<a href="http://dragonpub.forum-canada.net/forum.htm" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/15/20/55/14/dragon10.gif" border="0" alt="" /></a>
<a href="http://lecinema.forumsactifs.com" class="postlink" target="_blank"><img src="http://i35.servimg.com/u/f35/10/05/75/75/88x31_10.gif" border="0" alt="" /></a>
<a href="http://battleonx-series.forumactif.org" class="postlink" target="_blank"><img src="http://i21.servimg.com/u/f21/12/41/06/34/battle12.jpg" border="0" alt="" /></a>
<a href="http://charmed-immortal.forumactif.com" class="postlink" target="_blank"><img src="http://i21.servimg.com/u/f21/12/41/06/34/bouton13.gif" border="0" alt="" /></a>
<a href="http://the-simpsons-pub.exprimetoi.net" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/14/44/90/04/logo10.gif" border="0" alt="" /></a>
<a href="http://www.frenchficsfanart.com" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/14/03/72/43/bouton10.png" border="0" alt="" /></a>
<a href="http://leboudoirdesiris.forumactif.org/" target="_blank"><img src="http://illiweb.com/fa/pbucket.gif" alt="Le boudoir des Iris" title="Le boudoir des Iris" border="0" /></a>
</div></div>
</td>
<td align="left" colspan="2">
<h2 class="h2_theme"> Le Staff </h2><div class="staff"><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Admin<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/kateb10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u1">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=1">Mp</a></div>
</span></div><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Co Admin<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/anshac10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u4">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=4">Mp</a></div>
</span></div><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Modérateur<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/end_10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u6">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=6">Mp</a></div>
</span></div>
</div>
</td>
<td align="left">
<h2 class="h2_themecredit">Crédits</h2><div class="credits" >
Design :
Anshaca<br/>
Toute reproduction entière ou partielle est interdite et sera signalé à Forumactif.</div>
</td>
</tr>
</table>
</div>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script>
CSS
- Spoiler:
- Code:
/* =================
===== Message d'accueil =====
script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
http://www.themes-fa.com - BY-NC (http://creativecommons.org/licenses/by-nc/2.0/fr/)
================= */
/*----------------- Ma g?n?ral ----------------- */
/* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}
/*le tableau invisible */
.table25
{
border: none ;
}
/* Liens */
.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px dashed black;
-moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.a2:hover
{
background-color: #176A18;
color: white;
}
#table22 /* fond du ma */
{
width: 1000px;
background-color: #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
/*-----------------Titre----------------- */
/* Bienvenue sur Fanfictions Univers */
.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: Orange;
text-align: center;
margin: 10px;
/max-width: 367px;
}
/* Crédits */
.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: orange;
text-align: center;
margin: 10px;
/max-width: 160px;
}
/* le titre pour les autres boites */
.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: orange;
text-align: auto;
margin: 10px;
}
/* effet de transparance FF */
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
/*-----------------Les boites contenant les textes----------------- */
/* Navigation */
.navi_ma
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 20px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/* News */
.news
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 200px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
}
/* Partenaires */
.partenaire_test
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/* message de bienvenu */
#bienvenu_ma
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
width: 650px;
padding-top: 20px;
}
/* membres staffs */
.staff
{
background-color: #176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/*crédits */
.credits
{
background-color: #176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}
/*-----------------inffobulles----------------- */
div.infobulle
{
position: relative;
float: left;
color: black;
}
div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;
}
/* style de l infobulle */
div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #176A18;
color: black;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
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é */
text-align: center;
font-size: 14px;
}
Re: Problème pour agrandir une boite dans un tableau
Bonjour,
Après cet épisode de mise à jour je m'en occupe.
Après cet épisode de mise à jour je m'en occupe.
Re: Problème pour agrandir une boite dans un tableau
Merci Ge, c'est super sympa de ta part. Je continue de mon coté à bidouiller au cas ou je trouverai quelque chose (ce qui m'étonnerai fort )
Re: Problème pour agrandir une boite dans un tableau
Un test rapide sans implanter votre CSS (demain j'aurai le temps)
Rechercher
Rechercher
- Code:
<td align="center" colspan="3">
<h2 class="h2_themebienvenu">Bienvenue sur Fanfictions Univers</h2>
- Code:
<td align="center" colspan="3" width="800">
<h2 class="h2_themebienvenu">Bienvenue sur Fanfictions Univers</h2>
Re: Problème pour agrandir une boite dans un tableau
Merci pour ce code Ge, mais ça fonctionne pas vraiment, il n'y a qu'une légère différence...
Tant pis, j'attendrais demain alors.
Encore merci
Tant pis, j'attendrais demain alors.
Encore merci
Re: Problème pour agrandir une boite dans un tableau
Je m'en doutais un peu.
Donc il faut que j'implante votre css et tester.
A demain
Donc il faut que j'implante votre css et tester.
A demain
Re: Problème pour agrandir une boite dans un tableau
un petit up' please
Re: Problème pour agrandir une boite dans un tableau
Bonsoir
Désolé mais avec ces problèmes divers de mise à jour, je n'ai pas eu le temps.
Demain je m'y colle
Désolé mais avec ces problèmes divers de mise à jour, je n'ai pas eu le temps.
Demain je m'y colle
Re: Problème pour agrandir une boite dans un tableau
T'en fait pas Ge, j'ai juste lancé un up' au cas ou quelqu'un aurait pu m'aider.
Mais c'est super cool de ta part merci
Mais c'est super cool de ta part merci
Re: Problème pour agrandir une boite dans un tableau
bonjour,
la partie à remplacer ...
- un colspan de plus , puisqu'il y en a 4 ...
- une fermeture de div pour "bonne visite" et pour "bienvenu_ma"...
bonne journée ...
la partie à remplacer ...
- un colspan de plus , puisqu'il y en a 4 ...
- une fermeture de div pour "bonne visite" et pour "bienvenu_ma"...
<td align="center" colspan="4">
<h2 class="h2_themebienvenu">Bienvenue sur Fanfictions Univers</h2><div id="bienvenu_ma"><b><i><font size="3"><font color="orange">{USERNAME}</font></font></i></b>
<br><br><br><center>Nous vous souhaitons la bienvenue sur le forum. <br/><br><br/>Vous êtes fan d’une série et vous n’avez pas du tout aimé la façon dont celle-ci se termine ?<br/>Vous avez écrit la suite d’un épisode ou bien un meilleur final ?...<br/>Vous écrivez aussi des textes ou poèmes... <br/><br><br/>Alors vous êtes au bon endroit, venez partager vos histoires, méthodes d’écriture, etc…<br/>Vous trouverez également des histoires, mis en ligne par divers auteurs.<br/>Nous vous souhaitons de passer un agréablement moment.</center>
<br><br><br><div style="text-align: right;"><b><i><font size="3"><font color="orange">Bonne visite</font></font></i></b>
</div></div>
bonne journée ...
Re: Problème pour agrandir une boite dans un tableau
Yeahh merci Scoubifitz. ça fait beaucoup moins étendue, et surtout, beaucoup moins laid
Sujets similaires
» Problème pour placer l'écriture dans le tableau
» agrandir la largeur de la colonne 1 (qui contient le profil utilisateur) dans les discussions pour mon forum
» Problème pour accéder à ma boite mail via boite mail du forum.
» Problème pour supprimer mention "Agrandir image ..."
» Agrandir "la date et le lien pour aller au nouveau message dans une catégorie"
» agrandir la largeur de la colonne 1 (qui contient le profil utilisateur) dans les discussions pour mon forum
» Problème pour accéder à ma boite mail via boite mail du forum.
» Problème pour supprimer mention "Agrandir image ..."
» Agrandir "la date et le lien pour aller au nouveau message dans une catégorie"
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