Image pas au bon endroit ( tableau )

2 participants

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

Résolu Image pas au bon endroit ( tableau )

Message par th3-P0taTo3s Ven 10 Sep 2010 - 21:06

Hello !

Je voudrais mettre mes images les unes a cotés des autres avec les pseudos au dessus mais je n'y arrive pas...
Quel code je pourrais mettre ? * un aperçu de ce que j'ai : *
Image pas au bon endroit ( tableau ) G10

:thanks:


Dernière édition par th3-P0taTo3s le Sam 11 Sep 2010 - 22:50, édité 1 fois
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image pas au bon endroit ( tableau )

Message par zz10 Ven 10 Sep 2010 - 21:08

Bonsoir,

Fournissez votre code svp...
zz10

zz10
Membre actif

Masculin
Messages : 2279
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image pas au bon endroit ( tableau )

Message par th3-P0taTo3s Ven 10 Sep 2010 - 21:11

Code:
     
<title>Conception d'onglet</title>
  <script type="text/javascript" src="http://illiweb.com/fa/js_16/fr.js"></script>
  <style>
      /* Début de la feuille de style */
        .onglet-content > div {
        display : none ;
        border : solid 2px ;
        border-radius : 5px 5px 5px 5px ; -moz-border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
        padding : 20px ; margin-bottom : Xpx ;
        width : 700px ;
      }
      .onglet-content > div.active{ display : block ; }
 
      .onglet-table { border-spacing : Xpx ; margin-left:auto ; margin-right :auto ; }
      .onglet-table td {
    style : top ;
  vertical-align:middle ;
    border : solid 2px ;
    border-radius : 5px 5px 5px 5px ; -moz-border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
    padding : 0px 10px ;
        opacity : 0.5 ;
      }
      .onglet-table td.active, .onglet-table td:hover {
        opacity : 1 ;
      }
      /* Fin de la feuille de style */
  </style>
<center>

<script type="text/javascript">
  /* Début du script */
  jQuery(document).ready(function(){
      jQuery(".onglet-table").find("td").click(function(){
        /* Suppression des classe .active pour tout les onglets et contenus */
        var system = jQuery(this).closest(".onglet"); /* Sélection du système d'onglet */
        system.find(".onglet-table").find(".active").removeClass("active");
        system.find(".onglet-content").find(".active").removeClass("active");

        /* Ajout de la classe active à l'onglet cliqué et au contenu corespondant */
        var id = jQuery(this).attr("name");            /* Identification du numéro de l'onglet cliqué */
        jQuery(this).addClass("active");
        system.find(".onglet-content").find("div[name='"+id+"']").addClass("active");
      });
  });
  /*Fin du script */
</script>
<!-- Début du HTML --><div class="onglet">
 <table><tbody><tr><td>
  <table class="onglet-table">
        <tbody><tr><td name="1" class="active"> ♥ Les admins ♥ </td>
        <td name="2"> ♥ Les modos ♥ </td>
        <td name="3"> ♥ Les admins ♥ </td>
        <td name="4">Onglet 4</td>
        <td name="5">Onglet 5</td>
  </tbody></table></td></tr><tr><td>
        <div class="onglet-content">
      <div name="1" class="active"> xxmimiluluxx<br> <img src="http://mini-dolls.chocoforum.com/users/1315/22/58/36/avatars/1-85.png"> Nas Tashiya' Oz <br> <img src="http://mini-dolls.chocoforum.com/users/1315/22/58/36/avatars/2-86.jpg"> </div>
      <div name="2"> <img src="http://mini-dolls.chocoforum.com/users/1315/22/58/36/avatars/1-14.png">
<img src="http://mini-dolls.chocoforum.com/users/1315/22/58/36/avatars/6-79.gif"></div>
      <div name="3">contenu de l'onglet 3</div>
      <div name="4">contenu de l'onglet 4</div>
      <div name="5">contenu de l'onglet 5</div>
 
  </div></td></tr></tbody></table><div style="margin: auto; text-align: center; width: 100%;"><img src="http://img101.imageshack.us/img101/1180/lolkm.gif">&nbsp;<font color="pink"><strong><span style="font-size: 18px; line-height: normal;"><br><br>♥ Bienvenue Sur BJD flower ♥</span></strong></font> <br>&nbsp;<strong><span style="font-size: 14px; line-height: normal;"><span style="color: rgb(153, 102, 102);"><br><br>&nbsp;~.♥Vous pouvez vous asseoir, prendre une tasse de thé, <br>ne bougez pas, je vais chercher Le chocolat et les gateaux♥.~<br></span><br></span></strong><br><strong style="color: rgb(153, 102, 102);"><span style="font-size: 14px; line-height: normal;"><img src="http://i67.servimg.com/u/f67/12/27/64/56/25452310.gif"><br>Présente toi dans les deux jours suivant ton inscription :D</span></strong><br><br><img src="http://img101.imageshack.us/img101/1180/lolkm.gif"><br><br><font style="font-weight: bold; color: Pink;" size="3">Vous voulez nous lier ? C'est facile (:<br><span style="color: rgb(153, 102, 102);">Voici l'image a insérer sur votre blog ou votre forum (:</span></font><br><br><img src="http://img844.imageshack.us/img844/6937/19d29c4.png"><br><br><img src="http://img101.imageshack.us/img101/1180/lolkm.gif"><br><br><font style="font-weight: bold; color: Pink;" size="4">PARTENAIRES :<br><a href="http://www.gurafikku.org/" class="postlink" target="_blank"><img src="http://i45.tinypic.com/5a2hjs.jpg"></a><br></font><font style="font-weight: bold; color: Pink;" size="4"><a href="http://ningyou.1fr1.net/" class="postlink" target="_blank"></a></font><a href="http://ningyou.1fr1.net/" class="postlink" target="_blank"><img src="http://a.imageshack.us/img820/7826/partenariatningyou01.png"></a><br><div style="text-align: center;"><img src="http://img824.imageshack.us/img824/7962/20437438231.gif">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <img src="http://img824.imageshack.us/img824/7962/20437438231.gif"><br><br><div style="text-align: center;"><img src="http://img5.imageshack.us/img5/4075/23937723011.gif"><img src="http://i41.tinypic.com/24xl8oo.gif" alt="" border="0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; <img src="http://img5.imageshack.us/img5/4075/23937723011.gif"><img src="http://i41.tinypic.com/24xl8oo.gif" alt="" border="0">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br><br><br><br><font size="4"><span style="font-weight: bold; color: Pink;">Clikez pour le forum ^w^</span></font><br><a href="http://www.squiby.net/level/3066319" class="postlink" target="_blank"><img src="http://www.squiby.net/view/3066319.png" alt="" border="0"></a><br></div></div></div>
 
<style><!--BODY{ cursor:url(http://pmsc.free.fr/C04/1082203653.cur); }--></style>

<table><tbody><tr>
<td><div class="thumbnail">
<img src="http://www.deviantart.com/download/80751000/Kawaii_Onigiri_by_Hikarusan1993.gif">
<span><div class="tstaff" align="center">
<img src=""><br>
J'adore ce truc !
</div></span>
</div></td>
</tr></tbody></table>


<script type="text/javascript" src="http://www.service-gratuit-fr.com/horloges.php?id=261793&w=150&h=150"></script><noscript><a href="http://www.service-gratuit-fr.com" target="_blank">Horloge en Flash</a></noscript>
<iframe src="http://www.facebook.com/plugins/likebox.php?id=149046845128387&amp;width=200&amp;connections=1&amp;stream=false&amp;header=false&amp;height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:255px;" allowTransparency="true"></iframe>

.bodyline
{
border-left:10px solid #000000;
border-right:10px solid #000000;
}


L'endroit en question :

Code:
     
<title>Conception d'onglet</title>
  <script type="text/javascript" src="http://illiweb.com/fa/js_16/fr.js"></script>
  <style>
      /* Début de la feuille de style */
        .onglet-content > div {
        display : none ;
        border : solid 2px ;
        border-radius : 5px 5px 5px 5px ; -moz-border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
        padding : 20px ; margin-bottom : Xpx ;
        width : 700px ;
      }
      .onglet-content > div.active{ display : block ; }
 
      .onglet-table { border-spacing : Xpx ; margin-left:auto ; margin-right :auto ; }
      .onglet-table td {
    style : top ;
  vertical-align:middle ;
    border : solid 2px ;
    border-radius : 5px 5px 5px 5px ; -moz-border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
    padding : 0px 10px ;
        opacity : 0.5 ;
      }
      .onglet-table td.active, .onglet-table td:hover {
        opacity : 1 ;
      }
      /* Fin de la feuille de style */
  </style>
<center>

<script type="text/javascript">
  /* Début du script */
  jQuery(document).ready(function(){
      jQuery(".onglet-table").find("td").click(function(){
        /* Suppression des classe .active pour tout les onglets et contenus */
        var system = jQuery(this).closest(".onglet"); /* Sélection du système d'onglet */
        system.find(".onglet-table").find(".active").removeClass("active");
        system.find(".onglet-content").find(".active").removeClass("active");

        /* Ajout de la classe active à l'onglet cliqué et au contenu corespondant */
        var id = jQuery(this).attr("name");            /* Identification du numéro de l'onglet cliqué */
        jQuery(this).addClass("active");
        system.find(".onglet-content").find("div[name='"+id+"']").addClass("active");
      });
  });
  /*Fin du script */
</script>
<!-- Début du HTML --><div class="onglet">
 <table><tbody><tr><td>
  <table class="onglet-table">
        <tbody><tr><td name="1" class="active"> ♥ Les admins ♥ </td>
        <td name="2"> ♥ Les modos ♥ </td>
        <td name="3"> ♥ Les admins ♥ </td>
        <td name="4">Onglet 4</td>
        <td name="5">Onglet 5</td>
  </tbody></table></td></tr><tr><td>
        <div class="onglet-content">
      <div name="1" class="active"> xxmimiluluxx<br> <img src="http://mini-dolls.chocoforum.com/users/1315/22/58/36/avatars/1-85.png"> Nas Tashiya' Oz <br> <img src="http://mini-dolls.chocoforum.com/users/1315/22/58/36/avatars/2-86.jpg"> </div>
      <div name="2"> <img src="http://mini-dolls.chocoforum.com/users/1315/22/58/36/avatars/1-14.png">
<img src="http://mini-dolls.chocoforum.com/users/1315/22/58/36/avatars/6-79.gif"></div>
      <div name="3">contenu de l'onglet 3</div>
      <div name="4">contenu de l'onglet 4</div>
      <div name="5">contenu de l'onglet 5</div>
 
  </div></td></tr></tbody></table>

Merci Wink
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s 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