Problème saut de ligne
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème saut de ligne
Bonjour à tous, je viens d'essayer de poster un code pour la présentation du staff de mon forum, malheureusement, au moment où j'installer les codes, les images sortent du cadre de la page d'accueil, j'ai donc essayé de faire un saut de ligne à partir de l'endroit qui dépassait avec <br>, mais rien n'y fait... Est-ce un problème avec le code ?
Voilà le HTML :
Et voilà le CSS :
Le saut de ligne doit s'effectuer à partir des --------------------------------------
Merci d'avance
Voilà le HTML :
- Code:
<TABLE border=0 cellSpacing=3 cellPadding=0 width="100%" align="center">
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center; background-image: url() ; PADDING-LEFT: 10px; PADDING-RIGHT: 10px;
COLOR: #ffffff; " width="100%">
</TD>
</TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=3 cellPadding=0 align=center style="TEXT-ALIGN: center; background-image: url() ; PADDING-LEFT: 10px; PADDING-RIGHT: 10px;
COLOR: #ffffff; " width="100%">
<TBODY>
<TR>
<TD>
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u1" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/754097StaffPokSpace.png"></a><span><a href="http://poke-space.lebonforum.com/u1?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/921908AvaCryingPikachu2.png"></a></span></div></td>
<td><div class="infobulle">
<a href="http://poke-space.lebonforum.com/u30" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/140923StaffPikafan.png"></a><span><a href="http://poke-space.lebonforum.com/u30?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img4.hostingpics.net/pics/367716AvaPikafan.png"></a></span></div></td>
<td><div class="infobulle">
<a href="http://poke-space.lebonforum.com/u3" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/222354StaffDarkrai.png"></a><span><a href="http://poke-space.lebonforum.com/u3?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/555501AvaDarkrai.png"></a></span></div></td>
<td><div class="infobulle">
<a href="http://poke-space.lebonforum.com/u45" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/521391StaffEmma.png"></a><span><a href="http://poke-space.lebonforum.com/u45?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://r20.imgfast.net/users/2017/23/93/62/avatars/45-64.png"></a></span></div></td>
<td><div class="infobulle">
<a href="http://poke-space.lebonforum.com/u56" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/828136StaffGK.png"></a><span><a href="http://poke-space.lebonforum.com/u56?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/316421AvaGKDeoxs.png"></a></span></div></td>
<td><div class="infobulle">
<a href="http://poke-space.lebonforum.com/u38" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/997464StaffPyroli.png"></a><span><a href="http://poke-space.lebonforum.com/u38?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img11.hostingpics.net/pics/394098AvaPyroli.png"></a></span></div></td>
------------------------------------------------------------------------
<td><div class="infobulle">
<a href="http://poke-space.lebonforum.com/u66" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/800949StaffEmpoleon.png"></a><span><a href="http://poke-space.lebonforum.com/u66?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/944804AvaEmpoleon.png"></a></span></div></td>
<td><div class="infobulle">
<a href="http://poke-space.lebonforum.com/u8" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/203039StaffNico17.png"></a><span><a href="http://poke-space.lebonforum.com/u8?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/971401AvaNico17.png"></a></span></div></td>
</TR></TBODY></TABLE>
Et voilà le CSS :
- Code:
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
background-color: #E3E3E3;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #8A8A8A;}
.infobulle span img{border: 1px;padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 10px;
left: 15px;
width: 200px ;
color:#8A8A8A;
border: 1px solid #8A8A8A;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}
Le saut de ligne doit s'effectuer à partir des --------------------------------------
Merci d'avance
Dernière édition par Pokemon-Space le Mar 21 Mai 2013 - 23:20, édité 1 fois
Re: Problème saut de ligne
Coucou,
normalement, on ne peux pas placer de "<br />" a la fin d'un "</tr>", genre, on ne peux pas faire :
Aussi, je remarque qu'il y as plein de "background-image: url();" qui sont vide, pourquoi ?
Aussi, un petit détail :
il est conseillé de ne pas coder a MAJ.
Encore un truc ( pas très important, mais qu'il faut éviter ) :
Quand on écrit une balise de type "<ma_balise />", il est conseillé de mettre un " / " a la fin de du nom de la balise, par exemple, on écrit pas "<img src="">" on écrit : "<img src="" />".
normalement, on ne peux pas placer de "<br />" a la fin d'un "</tr>", genre, on ne peux pas faire :
- Code:
<table>
<td>
<tr>
....
</tr>
<br />
</td>
</table>
Aussi, je remarque qu'il y as plein de "background-image: url();" qui sont vide, pourquoi ?
Aussi, un petit détail :
il est conseillé de ne pas coder a MAJ.
Encore un truc ( pas très important, mais qu'il faut éviter ) :
Quand on écrit une balise de type "<ma_balise />", il est conseillé de mettre un " / " a la fin de du nom de la balise, par exemple, on écrit pas "<img src="">" on écrit : "<img src="" />".
Re: Problème saut de ligne
Donc impossible de résoudre mon problème Il n'y aurait pas un moyen de le modifier pour qu'il accepte le saut de ligne ?
Re: Problème saut de ligne
Je ne pense pas, après il serais possible de faire avec du CSS
Re: Problème saut de ligne
Bonjour,
Vous pouvez faire deux tableaux. Vous le couper au niveau de votre ligne, c'est à dire fermer la balise <table> et faire un autre tableau au dessous. Un peu dans se style ci
Vous pouvez faire deux tableaux. Vous le couper au niveau de votre ligne, c'est à dire fermer la balise <table> et faire un autre tableau au dessous. Un peu dans se style ci
- Code:
<table border=0 cellSpacing=3 cellPadding=0 width="100%" align="center">
<tbody>
<tr>
<td style="text-align: center; background-image: url() ; padding-left: 10px; padding-right: 10px;
color: #ffffff; " width="100%">
</td>
</tr>
</tbody>
</table>
<table border=0 cellSpacing=3 cellPadding=0 align=center style="text-align: center; background-image: url() ; padding-left: 10px; padding-right: 10px;
color: #ffffff; " width="100%">
<tbody>
<tr>
<td>
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u1" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/754097StaffPokSpace.png"></a><span><a href="http://poke-space.lebonforum.com/u1?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/921908AvaCryingPikachu2.png"></a></span>
</div>
</td>
<td>
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u30" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/140923StaffPikafan.png"></a><span><a href="http://poke-space.lebonforum.com/u30?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img4.hostingpics.net/pics/367716AvaPikafan.png"></a></span>
</div>
</td>
<td>
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u3" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/222354StaffDarkrai.png"></a><span><a href="http://poke-space.lebonforum.com/u3?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/555501AvaDarkrai.png"></a></span>
</div>
</td>
<td>
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u45" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/521391StaffEmma.png"></a><span><a href="http://poke-space.lebonforum.com/u45?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://r20.imgfast.net/users/2017/23/93/62/avatars/45-64.png"></a></span>
</div>
</td>
<td>
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u56" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/828136StaffGK.png"></a><span><a href="http://poke-space.lebonforum.com/u56?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/316421AvaGKDeoxs.png"></a></span>
</div>
</td>
<td>
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u38" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/997464StaffPyroli.png"></a><span><a href="http://poke-space.lebonforum.com/u38?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img11.hostingpics.net/pics/394098AvaPyroli.png"></a></span>
</div>
</td> </tr>
</tbody>
</table>
<br/>
<table>
<tbody>
<tr>
<td style="padding-left: 24px;">
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u66" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/800949StaffEmpoleon.png"></a><span><a href="http://poke-space.lebonforum.com/u66?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/944804AvaEmpoleon.png"></a></span></div>
</td>
<td style="padding-left: 24px;">
<div class="infobulle">
<a href="http://poke-space.lebonforum.com/u8" class="postlink"><img style="height:94px; width: 150px;" src="http://img11.hostingpics.net/pics/203039StaffNico17.png"></a><span><a href="http://poke-space.lebonforum.com/u8?tid=f71cdf8f915257b080bf46f74222d345" class="postlink"><img src="http://img15.hostingpics.net/pics/971401AvaNico17.png"></a></span></div>
</td>
</tr>
</tbody>
</table>
Re: Problème saut de ligne
C'est aussi faisable.
Re: Problème saut de ligne
Merci beaucoup, j'avais trouvé cette solution effectivement, excusez moi de ne pas l'avoir mentionné, je vous remercie ! Résolu !
Sujets similaires
» (857) Problème saut de ligne
» Formulaire : problème de saut de ligne
» Probleme saut de ligne message privé de bienvenue
» Un saut de ligne~
» Saut de ligne
» Formulaire : problème de saut de ligne
» Probleme saut de ligne message privé de bienvenue
» Un saut de ligne~
» Saut de ligne
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum