Michelle: html css 2 tabellen untereinander

Beitrag lesen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Club 27</title>
<meta name="author" content="Julia">
<meta name="editor" content="html-editor phase 5">

<link rel="stylesheet" href="../stylesheets/design.css" type="text/css">

<style type="text/css">

#zweite_spalte table {
width:75%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}

#zweite_spalte table tr {
height:30px;
}

#zweite_spalte table td {
width:162.5px;
border:1px solid black;
}

#zweite_spalte tr td {
text-align:center;
padding:2px;
}

#td1, #td2, #td3 {
font-weight:bold;
height:50px;
}

#table2 {
width:75%;
margin-left:auto;
margin-right:auto;
}
</style>

</head>

<body>
<!-- hier beginnt der Wrapper -->
<div id="wrapper">

<div id="kopfbereich">
</div>

<div id="steuerung">
      <ul id="Navigation">
        <li><a href="../Index.html">Club 27</a></li>
        <li><a href="mitglieder.html">Liste der Mitglieder</a></li>
        <li class="topmenu"><a href="vitae.html">Vitae der Wichtigsten</a>
          <ul>
            <li class="submenu"><a href="#">Brian Jones</a></li>
            <li class="submenu"><a href="#">Jimi Hendrix</a></li>
            <li class="submenu"><a href="#">Janis Joplin</a></li>
            <li class="submenu"><a href="#">Jim Morrison</a></li>
            <li class="submenu"><a href="#">Kurt Cobain</a></li>
            <li class="submenu"><a href="#">Amy Winehouse</a></li>
          </ul>
        </li>
        <li><a href="diskographien.html">Diskographien</a></li>
        <li><a href="impressum.html">Impressum</a></li>
      </ul>
    </div>

<div id="zweite_spalte">
           <span style="font-size:16pt">Gründungsmitglieder des Club 27</span>
            <br>
             <table>
             <tr><td id="td1" align="center">Mitglied</td><td id="td2" align="center">Todesdatum</td><td id="td3" align="center">Todesursache</td></tr>
             <tr><td>Brian Jones</td><td>&dagger; 03.07.1969</td><td>Ertrinken (Mord?)</td></tr>
             <tr><td>Jimi Hendrix</td><td>&dagger; 18.09.1970</td><td>Erstickt an Erbrochenem nach exzessivem Drogenkonsum</td></tr>
             <tr><td>Janis Joplin</td><td>&dagger; 04.10.1970</td><td>Überdosis Heroin</td></tr>
             <tr><td>Jim Morrison</td><td>&dagger; 03.07.1971</td><td>Herzversagen, genaue Umstände ungeklärt</td></tr>
             <tr><td>Kurt Cobain</td><td>&dagger; 05.04.1994</td><td>Suizid mit einer Schusswaffe unter Heroineinfluss</td></tr>
             <br>
             </table>
           Folgende Liste zählt die Mitglieder auf, welche von der Presse zum Club 27 dazugezählt werden:<br>
             <table>
           <tr><td>Alexandre Levy</td><td>&dagger; 17.01.1892</td><td>unbekannt</td><tr>
           <tr><td>Louis Chauvin</td><td>&dagger; 06.03.1908</td><td>Syphilis</td><tr>
           <tr><td>Robert Johnson</td><td>&dagger; 16.08.1938</td><td>Syphilis</td><tr>
           <tr><td>Nat Jaffe</td><td>&dagger; 05.08.1945</td><td>Bluthochdruck</td><tr>
           <tr><td>Jesse Belvin</td><td>&dagger; 06.02.1960</td><td>Verkehrsunfall</td><tr>
           <tr><td>Rudy Lewis</td><td>&dagger; 20.05.1964</td><td>ungklärt, evtl. Drogenmissbrauch</td><tr>
           <tr><td>Malcom Hale</td><td>&dagger; 30.10.1968</td><td>Kohlenstoffmonoxidintoxikation durch defekten Gasofen</td><tr>
           <tr><td>Alexandra</td><td>&dagger; 31.07.1969</td><td>Verkehrsunfall</td><tr>
           <tr><td>Alan Wilson</td><td>&dagger; 03.09.1970</td><td>Drogenüberdosis</td><tr>
           <tr><td>Arlester "Dyke" Christian</td><td>&dagger; 13.03.1971</td><td>erschossen</td><tr>
           <tr><td>Leslie Harvey</td><td>03.05.1972</td><td>&dagger; 03.05.1972</td><td>Stromschlag von Mikrofon</td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           <tr><td></td><td>&dagger; </td><td></td><tr>
           </table>
    </div>

<div id="fussbereich">
   <p>© Mara Becker, Julia Schaumburg und Michelle Morio</p>
</div>

</div>
<!-- hier ist das Ende des Elements Wrapper -->
</body>

</html>