Problème saut de ligne

3 participants

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

Résolu Problème saut de ligne

Message par Pokemon-Space 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
avatar

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

Luluwebmaster
*****

Masculin
Messages : 723
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 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 ?
avatar

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 Sam 18 Mai 2013 - 10:05

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

Luluwebmaster
*****

Masculin
Messages : 723
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 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

Automne
Membre actif

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

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème saut de ligne

Message par Luluwebmaster Lun 20 Mai 2013 - 7:48

C'est aussi faisable.
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
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 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
avatar

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

- Sujets similaires

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