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

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

  1. statt <table> -> wie mit CSS

    steffen
    +1 Informationen zu den Bewertungsregeln

    Hi,

    auf der Startseite steht eine Einfuehrung fuer CSS. Es bringt dir nichts wenn wir dir nun verraten wie es geht, wenn du es eh nicht verstehst.

    Die Erfahrung musste ich auch machen.

    mfg steffen

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

  2. statt <table> -> wie mit CSS

    noskule Homepage des Autors
    – 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.

    Das wollt ich vor ein paar tagen auch schon, da der code so schön aussieht :-)
    Geh mal auf http://bluerobot.com/ und schau dir das "layout reservoir" an. Für mich wars denn aber nicht praktikabel da der explorer css nicht richtig unterstützt und man deshalb immer umwege basteln muss . . .

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln