Gucky der Mausbiber: statt <table> -> wie mit CSS

Beitrag lesen

SELF-Forum

statt <table> -> wie mit CSS

Gucky der Mausbiber
– Informationen zu den Bewertungsregeln

Hallo, also nachdem ich jetzt schon öfters gehört habe, ich solle nicht Tabellen und CSS (div) mischen würde ich gerne komplett auf Tabellen verzichten. MeinProblem ist nur, ich weiß nicht wie. Ich habe folgende Seite

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html>  
  
 <head>  
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">  
  <meta name="generator" content="Adobe GoLive">  
  <title>Unbenannte Seite</title>  
  <style type="text/css" media="screen"><!--  
   a.button  { color: white; font-size: 22px; font-family: Arial; text-decoration: none; text-align: center; position: absolute; width: 300px }  
   a.button:hover { color: #006060; font-weight: bold; background-color: white }  
   div.button   { background-color: #006060; margin: 10px; padding: 5px; position: relative; width: 300px; height: 30px; border: solid 1px white }  
   body { background: #c4cbd5 url(../gif/back.jpg) no-repeat fixed center; margin-top: 0; padding-top: 0 }  
  --></style>  
 </head>  
  
 <body bgcolor="#ffffff">  
  <table width="600" border="0" cellspacing="0" cellpadding="0">  
   <tr>  
    <td rowspan="2" align="center" valign="middle" width="150"><img src="rhodan.jpg" alt="" width="140" height="272" border="0"/></td>  
    <td>  
     <div class="button">  
      <a class="button" href="(EmptyReference!)">Vorwort</a></div>  
    </td>  
   </tr>  
   <tr>  
    <td>  
     <div class="button">  
      <a class="button" href="(EmptyReference!)">Vorwort</a></div>  
    </td>  
   </tr>  
  </table>  
  <table width="600" border="0" cellspacing="0" cellpadding="0">  
   <tr>  
    <td>  
     <div class="button">  
      <a class="button" href="(EmptyReference!)">Vorwort</a></div>  
    </td>  
    <td rowspan="2" align="center" valign="middle" width="145"><img src="atlan.jpg" alt="" width="140" height="272" border="0"/></td>  
   </tr>  
   <tr>  
    <td>  
     <div class="button">  
      <a class="button" href="(EmptyReference!)">Vorwort</a></div>  
    </td>  
   </tr>  
  </table>  
 </body>  
  
</html>

Vielleicht kann mir jemand sagen wie ich hier die Tabellen durch DIV's, bzw. CSS ersetze???

Beitrag melden
–
Informationen zu den Bewertungsregeln