8 svar · 1 326 visningar · startad av devotion
:e
Hej!
Hur gör jag för att få två tabeller bredvid varandra på ett smidigt sätt? Jag har en yta som jag vill att de ska ligga på. Jag vill att de är centrerade på denna yta..
<table>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Mvh
Henrik
Du kan skapa en tabell i tabell så här:
<html>
<head><title></title>
<head>
<body>
<div align=center>
<table border=1 width=400 height=400>
<td align=center>
<table border=1>
<td align=center>tabell 1</td>
</table>
</td>
<td align=center>
<table border=1>
<td align=center>tabell 2</td>
</table>
</td>
</td>
</table>
</div>
devotion skrev:
:e
Hej!Hur gör jag för att få två tabeller bredvid varandra på ett smidigt sätt? Jag har en yta som jag vill att de ska ligga på. Jag vill att de är centrerade på denna yta..
<table> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table>Mvh
Henrik
Kanske något sådant här.Då är kantlinjerna dolda. :i
<p align="center"> <div align="center">
<table border="0" width="50%" id="table1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</div>
</p>
Det här borde funka:
table { display:inline-table; }
Och sen ange text-align:center på nån anfader. Men som vanligt är det sisådär med stöd i webbläsare. :(
Alternativ är float:left eller kankse till och med bara display:inline?
klart du ska använda css!
<style type="text/css">
<!--
body {
text-align:center;
margin:0; padding:0;
}
#table {
margin:10px auto;
height:400px; width:400px;
border:0;
text-align:left;
}
.left { background:#333; float:left;
width:190px; height:400px;
}
.right { background:#c00; float:right;
width:190px; height:400px;
}
.clear { clear:both;
font:1px/1px Verdana, Arial, Helvetica, sans-serif;
}
-->
</style>
<div id="table">
<table class="left">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<table class="right">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div class="clear"> </div>
</div>
/r - tanten och jag är rätt lika ;)
Hann skriva ett enkelt förslag innan jag såg de sista inläggen.
Men någonting så här eftersom detta med text-align center är svårt med tabeller... i en del webläsare
La dit en bakgrundsfärg för att du skulle se hur de hamnade i diven
#tabeller{ width: 500px; background-color: #008000 }
table{ float: left; width: 200px; background-color: #00F; margin: 20px; }
<div id="tabeller"><table><tr><td>en cell</td></tr></table><table><tr><td>en cell</td></tr></table></div>
Ah, trodde inte pga Devotions förslag att han skulle använda css, men givetvis ska han det!