probleme de tableau

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : probleme de tableau

Re: probleme de tableau

par Nours312 » 11 août 2010, 17:44

salut ::

alors, de prim-abord (ce que je ferais moi ... et je n'ai pas la science infuse ^^) :

- vires le tableau
- fais en sorte que ta div.zoom prenne bien la largeur et la hauteur de ta cellule que tu veux utiliser (le cadre de ton BG ;) ) utilises au passage (margin:auto) pour la centrer horizontalement, donne lui l'attribut CSS position:relative pour que les éléments (position:absolu) enfants l'utilise en tant que référant
- la div contenant le menu, places là en absolute; bottom:0;left:0
- à l'intérieur, crée un menu (UL) contenant des élément (LI) contenant tes images, place chaque LI en float:left, ...

Voila pour ce qui est de mon avis maintenant, tu peux faire ça avec Dream.. mais je doute qu'il fasse bien ce que tu lui demande !..

probleme de tableau

par Sachaaa » 11 août 2010, 16:52

Bonjour
j'ai un probleme de position d'un tableau
je me suis déjà fait un site en flash : édité
mais je veux le refaire en html
si vous voulez voir ce que cela fait en html :
édité
ce qui est bizarre c'est que sur mon dreamwever j'ai cette affichage :
édité
sur mon ordi le site s'affiche bien :
édité
sur un autre ordi j'ai cette affichage :
édité
et mon code :
je voudrais que mes boutons soient en bas de ma page peu etre avec une position absolu pour pas qu'ils changent de place en fonction des ordis

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <TITLE>Wéb$@çhà</TITLE> <style type="text/css"> .body { background-image:url(ecran1.gif); background-repeat:no-repeat; background-position: center center; height: 600px; } .zoom { height:400px; margin:auto; } .zoom p { text-align:center; } .zoom img { width:55px; height:55px; } .zoom img:hover { width:90px; height:90px; } body { background-color: #000; } </style> </head> <div class="body" > <div class="zoom"> <DIV STYLE="position:absolute; top: 463px; left: 515px; width: 611px; height: 103px;"> <table width="795" border="0" align="center"> <tr> <th width="80" height="94" scope="col"><img src="menu/accueil.gif" alt="accueil" /></th> <th width="87" scope="col"><img src="menu/profil.gif" alt="profil" /></th> <th width="80" scope="col"><img src="menu/cv.gif" alt="cv" /></th> <th width="84" scope="col"><img src="menu/presentation.gif" alt="presentation" /></th> <th width="83" scope="col"><img src="menu/liens.gif" alt="liens" /></th> <th width="107" scope="col"><img src="menu/contact.gif" alt="contact" /></th> <th width="244" scope="col">&nbsp;</th> </tr> </table> </div> </DIV> </div> </body> </html>
merci