probleme de tableau
Posté : 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
merci
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"> </th>
</tr>
</table>
</div>
</DIV>
</div>
</body>
</html>
) 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