Wie bringe ich eine Tabelle in einer Tabelle in die Mitte

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

20:00, 27.5.2008

Ich möchte in einer tag/tabelle">Tabelle mit hintergrund bild nochmals eine Tabelle einfügen und diese ebenfalls wie die andere zentriert machen... aba irgentwie klappt das bei mir nie...
kann mir da wer helfen??
Hab hier mal den Quelltext kopiert... vll. kann man ja die stelle Rot anstreichen was geändert werden soll.

Danke im Vorraus!

MfG
Tom

HIER DER QUELLTEXT:

<html>
<head>
  <meta content=\"text/html; charset=ISO-8859-1\"
 http-equiv=\"content-type\">
  <title>Home</title>
</head>
<body
 style=\"color: rgb(192, 192, 192); background-color: rgb(255, 255, 255); background-image: url(http://komakids.net/living/Bilder/kachel.jpg);\"
 alink=\"#c0c0c0\" link=\"#c0c0c0\" vlink=\"#c0c0c0\">
<div style=\"text-align: center;\"><br>
<div style=\"text-align: left;\">
<center>
<table
 style=\"text-align: left; margin-left: auto; margin-right: auto; height: 32px; width: 862px;\"
 border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
  <tbody>
    <tr>
      <td style=\"width: 448px;\" colspan=\"2\" rowspan=\"1\"><img
 style=\"width: 862px; height: 93px;\" alt=\"\"
 src=\"../../living/Bilder/banner.bmp\"></td>
    </tr>
    <tr>
      <td style=\"width: 468px;\"><img
 style=\"width: 468px; height: 150px;\" alt=\"\"
 src=\"../../living/Bilder/001.JPG\"><br>
      <img style=\"width: 258px; height: 32px;\" alt=\"\"
 src=\"../../living/Bilder/002.JPG\"><img
 style=\"width: 77px; height: 32px;\" alt=\"\"
 src=\"../../living/Bilder/Home.JPG\"><img
 style=\"width: 133px; height: 32px;\" alt=\"\"
 src=\"../../living/Bilder/003.JPG\"><br>
      <img style=\"width: 385px; height: 31px;\" alt=\"\"
 src=\"../../living/Bilder/004.JPG\"><img
 style=\"width: 83px; height: 31px;\" alt=\"\"
 src=\"../../living/Bilder/Bilder.JPG\"><br>
      <img style=\"width: 158px; height: 32px;\" alt=\"\"
 src=\"../../living/Bilder/005.JPG\"><img
 style=\"width: 173px; height: 32px;\" alt=\"\"
 src=\"../../living/Bilder/gb.JPG\"><img
 style=\"width: 137px; height: 32px;\" alt=\"\"
 src=\"../../living/Bilder/006.JPG\"><br>
      <img style=\"width: 468px; height: 34px;\" alt=\"\"
 src=\"../../living/Bilder/007.JPG\"><br>
      <img style=\"width: 84px; height: 34px;\" alt=\"\"
 src=\"../../living/Bilder/008.JPG\"><img
 style=\"width: 137px; height: 34px;\" alt=\"\"
 src=\"../../living/Bilder/kontakt.JPG\"><img
 style=\"width: 164px; height: 34px;\" alt=\"\"
 src=\"../../living/Bilder/009.JPG\"><img
 style=\"width: 83px; height: 34px;\" alt=\"\"
 src=\"../../living/Bilder/Team.JPG\"><br>
      <img style=\"width: 468px; height: 63px;\" alt=\"\"
 src=\"../../living/Bilder/010.JPG\"><br>
      </td>
      <td style=\"width: 394px;\"><img
 style=\"width: 68px; height: 376px;\" alt=\"\"
 src=\"../../living/Bilder/tab2-1.bmp\"><img
 style=\"width: 286px; height: 376px;\" alt=\"\"
 src=\"../../living/Bilder/Logo.JPG\"><img
 style=\"width: 40px; height: 376px;\" alt=\"\"
 src=\"../../living/Bilder/tab4-1.bmp\"></td>
    </tr>
  </tbody>
</table>
</center>
</div>
<table
 style=\"background-image: url(http://komakids.net/living/Bilder/cont.jpg); width: 862px; height: 640px; text-align: left; margin-left: auto; margin-right: auto;\"
 border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
  <tbody>
    <tr>
      <td style=\"text-align: left;\">
      <table
 style=\"width: 600px; text-align: left; margin-left: auto; margin-right: auto;\"
 border=\"1\" cellpadding=\"2\" cellspacing=\"2\">
        <tbody>
          <tr>
            <td><big><span style=\"font-weight: bold;\">The
Living Room...</span></big><br>
            <p class=\"MsoNormal\">Ein interessantes Lokal
in der Linzer Altstadt.<br>
Die Art der Deco Einrichtung verbreitet ein besonderes
Flair, es ist immer gem&uuml;tlich und unsere
gro&szlig;z&uuml;gigen Sitzgarnituren bieten
gen&uuml;gend Platz auch f&uuml;r gr&ouml;&szlig;ere
Gruppen.<br>
            </p>
            <p class=\"MsoNormal\">Die Musik unterscheidet
sich ma&szlig;geblich von den anderen
Lokalen, denn wir haben nicht nur Top DJ&acute;s, wir haben auch
Live Auftritte von
Musikern.<br>
            <o:p></o:p><br>
Ihr k&ouml;nnt bei uns eine vielzahl an Getr&auml;nke
genie&szlig;en,
verschiedene Weine, Biere, unsere einzigartigen exotischen Cocktails
und ein
gro&szlig;e Anzahl an Mixgetr&auml;nken zazu beiten wir eine
vielfalt an internationalen
Zigarrensp&auml;tzialit&auml;ten aus unserem Humidor.<span
 style=\"text-decoration: underline;\"></span></p>
            <p class=\"MsoNormal\">Jedes Wochenende haben
wir eine vielzahl an Angebote f&uuml;r euch vorbereitet.<span
 style=\"text-decoration: underline;\"></span></p>
            <p style=\"text-decoration: underline; font-weight: bold;\"
 class=\"MsoNormal\">&Ouml;ffnungszeiten:</p>
Mittwoch &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
20&deg;&deg; bis 02&deg;&deg; Uhr<br>
Freitag - Samstag &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; 20&deg;&deg; bis 04&deg;&deg; Uhr<br>
            <br>
            <span style=\"font-weight: bold;\">Eintritt erst
ab 16 Jahren mit Lichtbildausweis</span>.<br>
(G&uuml;ltige Ausweise: F&uuml;hrerschein, Reisepass, 4You Card
und &Ouml;BB Vorteilscard)<br>
            <br>
The Livingroom - Be Various<br>
            <div style=\"text-align: center;\">...
we&acute;ll See you, your Livingroom Team ...<br>
            </div>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            </td>
          </tr>
        </tbody>
      </table>
      </td>
    </tr>
  </tbody>
</table>
<div style=\"text-align: left;\">
<center>
<table
 style=\"background-image: url(http://komakids.net/living/Bilder/bot.jpg); width: 862px; height: 32px; text-align: left; margin-left: auto; margin-right: auto;\"
 border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
  <tbody>
    <tr>
      <td style=\"text-align: center;\">(c) 2008 - by tom</td>
    </tr>
  </tbody>
</table>
</center>
<br>
</div>
</div>
</body>
</html>

code-Tag by tct

Beitrag geändert: 27.5.2008 20:59:24 von tct

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

robin

robin hat kostenlosen Webspace.

7:07, 28.5.2008

die lösung deines problems wurde hier schon mehrfach im forum beantwortet, wenn du nur mal die suche nutzen würdest. gut aber mal ganz konkret für dein beispiel:

<table
 style=\"...\"
 border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
  <tbody>
    <tr>
      <td style=\"text-align: left;\">
      <table
 style=\"width: 600px; text-align: left; margin-left: auto; margin-right: auto;\"
 border=\"1\" cellpadding=\"2\" cellspacing=\"2\">
        <tbody>

das td über der table will, dass sie links ausgerichtet ist - du aber eigentlich dass sie zentiert ist. und das text-align:left im table-tag ist auch vollkommen überflüssig.
also mach mal so:

<table
 style=\"...\"
 border=\"0\" cellpadding=\"0\" cellspacing=\"0\">
  <tbody>
    <tr>
      <td style=\"text-align: center;\">
      <table
 style=\"width: 600px; margin-left: auto; margin-right: auto;\"
 border=\"1\" cellpadding=\"2\" cellspacing=\"2\">
        <tbody>

ps: mit welchem microsoft-produkt ist diese seite erstellt?

~~b*******h~~

8:03, 28.5.2008
auf Grund des Styls würde ich auf Dreamweaver tippen
robin

robin hat kostenlosen Webspace.
9:43, 28.5.2008

auf Grund des Styls würde ich auf Dreamweaver tippen

aufgrund von
```
<p class=\"MsoNormal\">
```
tippe ich auf Publisher oder Word, aber eher auf Publisher
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city