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

Fermé
Utilisateur anonyme - 10 juil. 2011 à 12:57
 Utilisateur anonyme - 10 juil. 2011 à 16:59
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 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
Modifié par dariumis le 10/07/2011 à 13:26
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
10 juil. 2011 à 13:40
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 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
10 juil. 2011 à 13:49
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
10 juil. 2011 à 16:59
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