Hilfe bei Tabellen

Oliver_Master · 24 August 2007

Hallo,

ich sitze gerade an meiner Homepage an der Start Seite. und habe einige Tabellen genommen, ich möchte nun eine etwas verschachtelte Anordnung haben (k.a. wie ich das ausdrücken soll ^^) also ich habe bisher zwei Kästen, ach seht doch einfach selbst^^:

so der obere Kasten soll nach oben, der Rechte Kasten ist gut so und soll so bleiben, nun will ich noch einen Kasten einfügen ( auf dem mit Gimp gemachten Bild der untere ohne Überschrift ) allerdings bekomm ich das nicht hin so wies auf dem Bild ist, bei mir is das immer ganz unter den beiden Grafiken? kann mir da einer helfen? so hier erstmal CSS und HTML:

Code:

HTML:
[...]
     <tr>
    <td><table width="100%" border="0" cellspacing="5" cellpadding="0">
  <tr>
    <td><table width="500px"  bgcolor="#000000" border="0" cellspacing="1" cellpadding="0">
         <tr>
        <td background="images/footercellpic.gif">Diva des Monats</td>
      </tr>
      <tr>
                <td bgcolor="#383838" ><img src="images/bestdiva.jpg" alt="d" width="500px" height="300px" /></td>
        </tr>

    </table></td>

    <td><table width="213px" bgcolor="#000000" height="490" border="0" cellspacing="1" cellpadding="0">
        </tr>
       <tr>
        <td background="images/footercellpic.gif">Next Pay-Per-View</td>
      </tr>

    <tr>
        <td height="100%" width="100%" bgcolor="#383838" ><img src="images/sotm.jpg" alt="d" /></td>
      </tr>

    </table></td>
  </tr>
</table></td>
[...]

#

(hier ist das nicht dabei)

Code:

CSS:

#inhalt {
           background-color: #C0C0C0;
           color: #fff;
           margin-left: 150px;
           width: 770px;
           height: 100%;
           text-align: center;
           display: block;

Hoffe auf Hilfe ;( danke im vorraus ^^

Frank · 24 August 2007

sry dass ich deine Tabellen-Träume zerstören muss, aber man baut Designs nunmal nicht auf Tabellen auf. Anstelle deiner Tabellen würde ich divs nehmen, und diese floaten

Code:

<html>
<head>
<title>Homepage</title>
<style>
body {
  font-family : verdana;
  font-size : 11px;
  color : #000000;
  background-color : #aaaaaa;
}
#content {
  float : left;
  width : 75%;
  background-color : #666666;
  padding : 5px;
}
#unter_content {
  float : left;
  width : 75%;
  background-color : #666666;
  padding : 5px;
  margin-top : 20px;
}
#rechts {
  float : right;
  width : 23%;
  background-color : #666666;
  padding : 5px;
}
#clear {
clear : both;
}
h1 {
  color : #ffffff;
  background-color : #333333;
  font-size : 12px;
  font-weight : normal;
}
</style>
</head>
<body>
<div id="content">
 <h1>Diva des Monats</h1>
 <p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
</div>
<div id="rechts">
 <h1>Rechts...</h1>
 <p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
</div>
<div id="unter_content">
 <h1>Unten...</h1>
 <p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
</div>
<br id="clear">
</body>
</html>

edi · 26 August 2007

wenn Du es mit Tabellen machen willst ein Tip. Mach nur eine Tabelle ohne diese weiter zu verschachteln
Um den Ueberblick zu behalten kannst du dir notfalls ein Raster aufmalen und dann siehst du wieviel Felder Du in der Breite oder Hoehe verbinden musst um deine Aufteilung zu erreichen. Wenn du ein Feld auf Breite 3Felder festlegst musst du die Felder jetzt vorhandenen Mehrfelder loeschen.
Dein sichtbarer Feldversatz den Du jetzt hast entsteht durch den Rahmen der internen Tabelle.

Hilfe bei Tabellen

Oliver_Master

Neues Mitglied

Frank

Neues Mitglied

edi

Neues Mitglied

Neueste Beiträge