Placer une image a côté d'un tableau
Utilisateur anonyme
-
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
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
4 réponses
-
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> -
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 ^^ -
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?? -
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 ^^
