Image float dans une "tr"

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

Résolu Image float dans une "tr"

Message par Offrande le Dim 7 Juil 2013 - 8:22

Bonjour,

Je vous contacte pour un petit soucis d'image flottante, voila, je possède un PA ou j'ai placer une image dans le coin en haut à gauche, celle-ci c'est correctement placer mais par contre celle du bas à droite (toujours dans le coin) c'est bien placer mais m'as agrandit le cadre en laissant un espace sous le texte, en gros l'image ne veut pas ce mettre SUR le texte, elle se place en dessous je pense.

Voila mes codes :

Code:

/* IMAGE DES COINS HAUT ET BAS */

/* IMAGE EN HAUT A GAUCHE QUI CEST BIEN PLACER */
.hautfloatleft {
float: left;
padding: 1%;
margin-right: 1px;
margin-top: 1px;
margin-bottom: -200px;
margin-left: -15px;
width: 200px;
height: 219px;
}

/* IMAGE QUI AGRANDIT LE CADRE EN BAS A DROITE */
.basfloatright {
float: right;
padding: 2%;
margin-left: 2px;
margin-top: 2px;
margin-right: -70px;
margin-bottom: -50px;
width: 200px
height: 219px;
}

Voila une capture de mon PA car mon forum est en maintenance mais je peut le retiré en cas de soucis:



Et voila pour terminer la totalité de mon PA en HTML :
Code:
<table cellpadding="5" cellspacing="10" id="tfa_table">
    <tr> <img src="http://i34.servimg.com/u/f34/17/99/16/25/feuill10.png" class="hautfloatleft">
      <td rowspan="2" width="80" style="background-color: #DAD97D;">
        <p>
          << Ici, le message d'introduction au Grand Havre >>
        </p>      
      </td><td colspan="2" style="background-color: #DAD97D;"  width="100%"><p class="text_imag">
Bonjour, </br>
Ici vous trouverez le contexte du Grand Havre ainsi qu'un petit bout de son histoire  mais celui-ci n'est pas encore écrit pour le moment, merci de votre patience chers membres ! Ici vous trouverez le contexte du Grand Havre ainsi qu'un petit bout de son histoire  mais celui-ci n'est pas encore écrit pour le moment, merci de votre patience chers membres !Ici vous trouverez le contexte du Grand Havre ainsi qu'un petit bout de son histoire  mais celui-ci n'est pas encore écrit pour le
</p>
      </td>
    </tr>
    <tr>    
 
      <td id="igauche" valign="top">
        <h1> Espace Equideow </h1>
        <p style="padding-left: 15px;">
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Liste des Services <br />
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Liste des Astuces <br />
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Liste des Spoilers  <br />
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Nos Aides et Dons <br />
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Chambre des Mystères et Ignorés
  </p>
      </td>  
      <td id="idroite" valign="top">
        <h1> Espace Havre </h1>
        <p style="padding-right: 15px;padding-left: 20px;">
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Bien débutez sur le Havre<br />
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Gagnez encore plus de Paillettes!<br />
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Galoper sur le Domaine <br />
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Foire au Questions <br />
          <img src="http://i79.servimg.com/u/f79/17/99/16/25/puce_d11.gif" alt="" />  Les Cookies Pistaches - Vanille
        </p>
      </td>
    </tr>
    <tr>
      <td valign="top">
        <!-- PARTENAIRES -->
        <h1>Partenaires du Havre</h1>
        <div id="scroller_container">
          <div class="jscroller2_up jscroller2_speed-40 jscroller2_mousemove">  
</br>
Templactif </br>
Never Utopia </br>
ForumActif </br>
Milouze14</br>
</div>                                  
 </div>
</td>

      <td valign="top">
        <h1> Princesses du Havre</h1>
 <!-- PREMIERE INFOBULLE -->
        <div class="tfabulle">
          <div class="imgstaff"> <img  alt=""
src="http://i34.servimg.com/u/f34/17/99/16/25/offran11.jpg" />  </div>  
          <div class="in_bulle">      
            <h2>Offrande . Fondatrice</h2>      
            <p>        
              <img src="http://i34.servimg.com/u/f34/17/99/16/25/offran12.jpg" />        
              <br />        
              <a href="#Lien-Profil">Profil</a>  <a href="#Lien-MP">MP</a>      
            </p>      
          </div>    
        </div>  


        <!-- DEUXIEME INFOBULLE -->
        <div class="tfabulle">
          <div class="imgstaff"> <img  alt=""
src="http://i34.servimg.com/u/f34/17/99/16/25/mado11.jpg" />    </div>
          <div class="in_bulle">      
            <h2>-Mado- . Modératrice</h2>      
            <p>        
              <img src="http://i34.servimg.com/u/f34/17/99/16/25/madog10.jpg" />        
              <br />        
              <a href="#Lien-Profil">Profil</a>  <a href="#Lien-MP">MP</a>      
            </p>      
          </div>    
        </div>  
                
        <!-- TROISIEME INFOBULLE -->
        <div class="tfabulle">
          <div class="imgstaff"> <img  alt=""
src="http://i34.servimg.com/u/f34/17/99/16/25/jenifa11.jpg" />    </div>
          <div class="in_bulle">      
            <h2>Jenifaël . Modératrice</h2>      
            <p>        
              <img src="http://i34.servimg.com/u/f34/17/99/16/25/jenifa12.jpg" />        
              <br />        
              <a href="#Lien-Profil">Profil</a>  <a href="#Lien-MP">MP</a>      
            </p>      
          </div>    
        </div>  

    <!-- QUATRIEME INFOBULLE -->
        <div class="tfabulle">
        <div class="imgstaff">  <img  alt=""
src="http://i34.servimg.com/u/f34/17/99/16/25/kaelic11.jpg" />    </div>
          <div class="in_bulle">      
            <h2>Kaelice. Modératrice</h2>      
            <p>        
              <img src="http://i34.servimg.com/u/f34/17/99/16/25/kaelic12.jpg" />        
              <br />        
              <a href="#Lien-Profil">Profil</a>  <a href="#Lien-MP">MP</a>      
            </p>      
          </div>    
        </div>  
                
        <!-- SIXIEME INFOBULLE -->
        <div class="tfabulle">
       <div class="imgstaff">   <img  alt=""
src="http://i34.servimg.com/u/f34/17/99/16/25/gevaly10.jpg" />    </div>
          <div class="in_bulle">      
            <h2>Gevalyon. Correctrice</h2>      
            <p>        
              <img src="http://i34.servimg.com/u/f34/17/99/16/25/gevaly11.jpg" />        
              <br />        
              <a href="#Lien-Profil">Profil</a>  <a href="#Lien-MP">MP</a>      
            </p>      
          </div>    
        </div>

        <!-- SEPTIEME INFOBULLE -->
        <div class="tfabulle">
      <div class="imgstaff">    <img  alt=""
src="http://i34.servimg.com/u/f34/17/99/16/25/chalma11.jpg" />    </div>
          <div class="in_bulle">      
            <h2>Chalma. Modératrice</h2>      
            <p>        
              <img src="http://i34.servimg.com/u/f34/17/99/16/25/chalma12.jpg" />        
              <br />        
              <a href="#Lien-Profil">Profil</a>  <a href="#Lien-MP">MP</a>      
            </p>      
          </div>    
        </div>


        <div style="clear:both;"></div>
      </td>

      <td valign="top">
        <h1>© Crédits</h1>
        <p>
<strong>Le Grand Havre ©</strong> </br>
<i>Créer le o1 Janvier 2o13</i> </br>
Codage et Graphisme par : <strong>©Sick Créations</strong>, </br>
avec l'aide admirative de nos partenaires, le Havre remercie : </br>
Equideow.com ainsi que l'équipe <strong>©Owlient</strong></br>de leurs autorisation à afficher leurs créations. </br>Pour tous renseignement face au publications du forum veuillez contactez Offrande,</br>fondatrice à 'contacte'.</br></br>Toute reproduction même partielle </br>est strictement interdite et sera sévèrement punie.
<img src="http://i34.servimg.com/u/f34/17/99/16/25/feuill11.png" class="basfloatright">
</p>

</td></tr></table>



Merci beaucoup de votre aide, je vous souhaite une excellente journée et une bonne fin de Weekend!
Tendrement, Offrande.
[/code]
  [/code]


Dernière édition par Offrande le Dim 7 Juil 2013 - 8:37, édité 1 fois

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image float dans une "tr"

Message par Offrande le Dim 7 Juil 2013 - 8:37

Re Bonjour,
Désolé pour cette lecture inutile je viens de résoudre le problème, celui-ci était en réalité très simple, j'avais mal positionner
Code:
<img src="http://i34.servimg.com/u/f34/17/99/16/25/feuill11.png" class="basfloatright">
dans le PA en HTML, celle ligne devait ce placer DEVANT le texte (contenus) et non derrière comme je l'ai fait Wink . Je marque résolus,
Vous souhaite aussi une bonne journée!

Offrande
*****

Féminin
Messages : 550
Inscrit(e) le : 05/01/2013

http://le-grand-havre.forumactif.org/
Offrande 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