Placer une image a côté d'un tableau

Utilisateur anonyme -  
 Utilisateur anonyme -
Bonjour,


Voilà j'ai sur mon site une succession de tableau centrés, du coup la balise div m'empêche de placer quoi que ce soit autour des tableaux

Je débute en html

y'a-t-il un moyen pour centrer les tableaux, et me permettre de mettre une image sur la gauche du site (ou la droite) (au niveau du tableau biensur) ?

Tout en laissant le tableau centré par rapport au site ?

Merci d'avance
A voir également:

4 réponses

dariumis Messages postés 583 Statut Membre 63
 
Salut, un truc du style:
<div style="float:left;width:24.5%">le div de gauche</div> 
<div style="float:left;width:49.5%"> 
     <table style="width:100%">.............</table> 
</div> 
<div style="float:left;width:24.5%">le div de droite</div> 



EDIT: il vaut quant même mieux englober ce code dans un div possèdant un overflow hidden:

<div style="overflow:hidden;">
     le code ci dessus
</div> 
0
Utilisateur anonyme
 
Salut,

Merci d'avoir répondu aussi vite, j'essaye depuis tout a l'heure mais j'y arrive pas :(

En fait, ça correspond exactement a ce que je recherche, je peux remplacer le

<div style="float:left;width:24.5%">le div de gauche</div>

par

<div style="float:left;width:24.5%">le lien vers l'image</div>

Idem pour la droite, tout en laissant le tableau au milieu mais

Il est toujours en <div align="center">

Pourtant il se décale si on agrandit la fenêtre par exemple

Y'a pas moyen de le bloquer centré, tout en posant les images ?

Je suppose que ton code le permet et que j'ai juste raté mon coup mais bon ^^
0
dariumis Messages postés 583 Statut Membre 63
 
essaye juste d'executer simplement ce code, tu peux mettre ce que tu veux dans les div, normalement ça devrait pas bouger, mais laisse tomber ça:
<div align="center">

<div style="overflow:hidden;">
    <div style="float:left;width:24.5%"><img style="width:75%;"/></div> 
    <div style="float:left;width:49.5%"> 
        <table style="width:100%"><tr><td>cellule</td></tr></table> 
    </div> 
    <div style="float:left;width:24.5%">le div de droite</div> 
</div> 


si tu met une image il est important de controler sa taille.

Normalement si tu essaye juste ce code, tous devrait rester en place. Tu utilise quoi comme doctype??
0
Utilisateur anonyme
 
Re,

Alors merci a toi, j'ai réussi !

La div du milieu était trop grande pour le tableau, du coup elle restait a gauche, donc j'ai remis un center juste pour le tableau et tout marche

Je suppose que j'aurais du redimensionner la div pour arriver sur la taille du tableau ? ou un center c'est bon (je veux dire ça risque pas de généré des erreurs) ?

En tout cas ça fonctionne ^^
0