28173 sujets

CSS et mise en forme, CSS3

salut;

Je travaille (encore) sur une master page dont le code utilise les tableaux:
<html>

<!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>
    <title>Page sans titre</title>
  <style type="text/css">
<!--    
#topbar{background-color:#ebf4ff;color:#07519a;font:italic 8.5pt Tahoma}
#title{height:25px;width:100%;padding:0;margin:0px;text-align:right;font:20pt Tahoma;color:Navy;background-color:#ebf4ff;font-weight:bold;}
#menu1{background:#0066cc;font:12pt Tahoma}
#menu1 td{border-right:solid 1px #ebf4ff;border-top:solid 2px #0066cc;padding:1px 10px 3px}
#menu1 td a,#menu1 td a:visited{color:#fff}
#menu1 td#selected{background-color:#ebf4ff;color:#07519a;font-weight:bold}
#menu1 td#last{text-align:right; width:100%}
#menu2{margin:0;background:#ebf4ff;font:10pt Tahoma}
#menu2 td{padding:4px 8px 5px 5px}
#menu2 td a,#menu2 td a:visited{color:#07519a}
#menu2 td#selected{color:#07519a;font-weight:bold}
#menu2 td#last{text-align:right; width:100%}
#content{padding:0;margin:0;position:absolute;overflow:auto;font:10pt Verdana;color:Black}
#footer{height:15px;position:absolute;bottom:0px;width:100%;font:8.5pt Tahoma;color:Navy;text-align:center;background-color:#ebf4ff}
-->
  </style>
</head>
<body>
 <table id="topbar" width="100%" border="0" cellpadding="0" cellspacing="0"><tr>
   <td align="left">site map</td>
   <td align="right">Connexion status</td>
 </tr></table>
 <div id="title">Titre Courant</div>
      
 <div align="right"> 
       <table id="menu1" cellpadding="0" cellspacing="0"><tr>
       <td id="selected">test1</td><td><a href="">test2</a></td> 

       <td id="last"></td>
       </tr></table>
 </div>
</body>
</html>


J'aimerais bien avoir la flexiblité offerte par les balises <div> mais je n'arrive pas à trouver une bonne solution.

Merci d'avance

Modifié par ENSA_MAD (16 Nov 2006 - 10:50)
Salut,
J'ai un peu de mal à comprendre ce que tu souhaites ...
Tu voudrais savoir quel type d'agencement est conseillé pour remplacer ton tableau ? Smiley rolleyes

Si tel est le cas, fais une image du résultat désiré...
Car perso, j'ai la flemme d'essayer d'interprêter les lignes de code ci-dessus Smiley sweatdrop
Modifié par Cygnus (16 Nov 2006 - 13:29)