Problème saut de ligne

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

Résolu Problème saut de ligne

Message par Pokemon-Space le Jeu 16 Mai 2013 - 23:25

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 :

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 Very Happy


Dernière édition par Pokemon-Space le Mar 21 Mai 2013 - 23:20, édité 1 fois

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème saut de ligne

Message par Luluwebmaster le Ven 17 Mai 2013 - 8:09

Coucou,

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="" />".

Luluwebmaster
*****

Masculin
Messages : 718
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème saut de ligne

Message par Pokemon-Space le Ven 17 Mai 2013 - 12:12

Donc impossible de résoudre mon problème Confused Il n'y aurait pas un moyen de le modifier pour qu'il accepte le saut de ligne ?

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème saut de ligne

Message par Luluwebmaster le Sam 18 Mai 2013 - 10:05

Je ne pense pas, après il serais possible de faire avec du CSS Wink

Luluwebmaster
*****

Masculin
Messages : 718
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème saut de ligne

Message par Automne le Dim 19 Mai 2013 - 16:43

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
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>



Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème saut de ligne

Message par Luluwebmaster le Lun 20 Mai 2013 - 7:48

C'est aussi faisable.

Luluwebmaster
*****

Masculin
Messages : 718
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème saut de ligne

Message par Pokemon-Space le Mar 21 Mai 2013 - 23:19

Merci beaucoup, j'avais trouvé cette solution effectivement, excusez moi de ne pas l'avoir mentionné, je vous remercie ! Résolu ! Wink

Pokemon-Space
**

Messages : 72
Inscrit(e) le : 03/12/2012

http://poke-space.lebonforum.com/forum
Pokemon-Space a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum