• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hilfe bei Tabellen

Status
Für weitere Antworten geschlossen.
O

Oliver_Master

Neues Mitglied
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^^:

ansicht.jpg


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 ^^
 
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>
 
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.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben