comment utiliser la balise div, comme tableau

comment définir la position de balise div comme table dans le bon ordre.

<html>
<head><title> .</title>
<link rel="stylesheet"  type="text/css" href="style/main.css"/>
<script type="text/javascript" src="script/ajax.js"></script>
<script type="text/javascript" src="script/validate.js"></script>
<script type="text/javascript" src="script/date-picker.js"></script>
</head>
<body>
<div onclick="show_tb()"style="width:70%;float:left;" class="title_mrwat" >
NEW MARWAT OIL TRANSPORTER
</div>
<div style="width:30%;float:right;">
<address>
Address:P/O Box 564, Landekotal Peshawar<br />
Phone: +12 34 56 78
</address>
</div>
<div style="width:50%;float:left;">
<img src="images/pso.jpg" height="45" width="45" />
<img src="images/total.jpg" height="50" width="55" />
<img src="images/shell.jpg" height="50" width="45" />
<img src="images/caltex.jpg" height="35" width="35" />
<img src="images/attock.jpg" height="40" width="40" />
</div>
<div style="width:50%;float:right;"id="tb">
<input  type="button" value="product"onmouseover="className='menuon';" onmouseout="className='menuoff';" onclick="loadXMLDoc('product/','formTag' ,'')" value="product">
<input   type="button" value="owner" onclick="loadXMLDoc('owner/','formTag')" value="shipment" onmouseover="className='menuon';" onmouseout="className='menuoff';">
<input  type="button" onclick="loadXMLDoc('vehicle/','formTag')" value="vehicle" onmouseover="className='menuon';" onmouseout="className='menuoff';">
<input   type="button" onclick="loadXMLDoc('route/','formTag')" value="route" onmouseover="className='menuon';" onmouseout="className='menuoff';">
<input  type="button" value="shipment" onclick="loadXMLDoc('ship/','formTag')" value="shipment" onmouseover="className='menuon';" onmouseout="className='menuoff';">
<input type="button" id="bt" value="report" onclick="show_form()" style="background-color:#E6E6DC;" >
</div>
<div id="responseTag" class="show_rpt" style="width:100%;">
</div>
<div id="div_added" class="div_add">
</div>
<div id="formTag">
</div>
</body>
</html>
  • Sans surprise, je ne comprends pas ce que vous voulez après seulement 13 les mots de la description. Pourriez-vous écrire une longue question?
  • je wnt pour div agir comme un tableau (tr(td,td) tr(td,td))
  • pouvez-vous préciser votre question? il est extrêmement difficile de vous aider si nous n'avons pas à comprendre ce que vous souhaitez accomplir. Aussi, cette question ainsi stackoverflow.com/questions/5362560/how-to-get-the-size-of-td
  • je veux <div> diviser la page comme table <table> <tr> <td>première colonne dans la première ligne</td> <td>deuxième colonne dans la première ligne</td> </tr> <tr> <td>première colonne de la deuxième ligne</td> <td>deuxième colonne de la deuxième ligne</td> </tr>
InformationsquelleAutor sadi | 2011-03-19
  1. 1

    Utiliser le même flotteur de la direction de toutes les divs.

    <div style="width:50%;float:left"> first </div>
<div style="width:50%;float:left"> second </div>

    la création de deux divs flottant. Cependant, vous devez être prudent avec largeur: 50%, il peut ne pas fonctionner. Et vous avez besoin de rompre flottant après chaque "ligne" avec clair: gauche/droite/à la fois.

    • <div style="width:50%;float:left"> first </div> <div style="width:50%;float:left"> second </div> umoyenne-il comme première ligne ou colonne?
    • Première ligne. Vous devriez lire quelques guides sur le code html+css. La compréhension des choses comme le float est une exigence de base pour la conception de pages web et décrits dans d'innombrables guides.
    InformationsquelleAutor Zebi
  2. 0

    Vous pouvez changer le type d'affichage de la <div> avec CSS

    display:table;

    Par défaut un <div> est un élément de bloc qui serait présent dans le CSS

    display:block;

    Vous aurez probablement besoin de mettre <div>'s pour <tr>'s et <td>'s là

    InformationsquelleAutor Adam Hughes