Unterstützung bei Tabellen - HTML

Slopestyle-1 · 15. März 2011

Hallo brauche mal eure Hilfe!

Dabei brauche ich die Hilfe:
Ich möchte das der Inhalt in den Tabellen Zentriert ist (Und möglichst das der Eintrag nur einmal vor kommen muss nicht bei jeder Zeile) sowie das sich die Tabelle von der breite her sich individuell an passt auch an dem Inhalt der enthalten ist (wenn das möglich ist ohne weiteres).

Hoffe jemand kann mir denn Code Vervollständigungen.

Code:

HTML:

<BODY BGCOLOR=#0079F2 BACKGROUND=xxx.jpg link=#00660 vlink=#660000 alink=#660000>
<br /><br /><br />
<center>
<P ALIGN=center>
<table border cols=3" bordercolorlight=00ff00 bordercolordark=00ff00>
<tr>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
</tr>
<tr>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
</tr>
<tr>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></td>
</tr>
<tr>
</table>

blond · 15. März 2011

PrOOnOOb · 15. März 2011

Also erstens kannst du nicht die Tags alle einzeln in klammern setzen sondern am besten machst das mit css

HTML:

<style type="text/css">
<!--
.schrift {font-size: 9px}
-->
</style>
<BODY BGCOLOR=#0079F2 BACKGROUND=xxx.jpg link=#00660 vlink=#660000 alink=#660000>
<br /><br /><br />
<center>
<P ALIGN=center>
<table border cols=3" bordercolorlight=00ff00 bordercolordark=00ff00>
<tr>
<td align="center" valign="middle"><a href=http://www. class="schrift">1</a></td>

Slopestyle-1 · 15. März 2011

Ok danke euch sehr!

blond · 15. März 2011

Absätze dürfen keine Tabellen und Blockelemente enthalten. Die Elemente musst du auch noch schließen.

Slopestyle-1 · 15. März 2011

Kannst du bitte ein beispiel zeigen "blond"!

PrOOnOOb · 15. März 2011

Ja ja ich denke das ist klar war ja nur ein Bsp.

blond · 15. März 2011

HTML:

<body bgcolor="#0079F2" background="xxx.jpg" link="#00660" vlink="#660000 " alink="#660000">
<br /><br /><br />

<table border cols="3" bordercolorlight="00ff00" bordercolordark="00ff00">
<tr>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
</tr>
<tr>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
</tr>
<tr>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
<td> <font size=6><font face=sixties><b><a href=http://www.>1</a></b></font></td>
</tr>
<tr>
</table>

Das Layout sollte allerdings mit CSS statt Font und co gestylt werden außer man man erstellt HTML-Mails für Outlook 2007, Outlook 2010 und Notus Lotes 6/7.

Eagle-PsyX- · 15. März 2011

Weil das der Defintion von (X)HTML entspricht.
Jag doch mal dein Code durch den W3C Validator und du wirst staunen wieviele Fehler dieser entdeckt:
22 Fehler und 22 Warnungen bei geraden 28 Zeilen

@blond
Es wird 2x geöffnet und muss folglich 2x geschloßen werden.

Slopestyle-1 · 15. März 2011

Hm allso kann mir da noch mal jemand helfen, wie der Code ohne Fehler aussieht, bin da nicht so der pro.

Habe es etwas zusammen gewürfelt aber noch mehr Fehler als vorher.

Code:

<style type="text/css">

</style>
<BODY BGCOLOR=#0079F2 BACKGROUND=xxx.jpg link=#00660 vlink=#660000 alink=#660000>
 
<center>

<table border cols=3" bordercolorlight=00ff00 bordercolordark=00ff00>
<tr>
<td align="center" valign="middle"><a href=http://www. class="sixties">Hallo</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">Meines</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href=http://www. class="sixties">Home</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">Schiffe</a></td>
</tr>
<tr>
<td align="center" valign="middle"><a href=http://www. class="sixties">Autobahn</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">1</a></td>
<td align="center" valign="middle"><a href=http://www. class="sixties">Mittag</a></td>
</tr>
<tr>
</table>

Eagle-PsyX- · 15. März 2011

Wo soll denn dieser eingesetzt werden?
Als HTML-Seite oder HTML-E-Mail?

Slopestyle-1 · 15. März 2011

Als HTML Seite aber nur in Privat Bereich! (Browser Startseite)

Eagle-PsyX- · 15. März 2011

HTML:

<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Tabellen</title>
<style type="text/css">

body {
  background-color: #0079F2;
  background-image: url('xxx.jpg');
}

a {
  color: #060;
}
a:visited, a:active {
  color: #600;
}

table tr td a{
  font-size: 29px;
  text-decoration: bold;
}

table {
  border: 1px solid #000;
}

</style>
</head>
<body>
<br />
<br />

<table>
    <tr>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
    </tr>
    <tr>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
    </tr>
    <tr>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
        <td><a href="http://www.">1</a></td>
    </tr>
</table>

</body>
</html>

Besteht den Validator fehlerfrei. Du erhälst zwei Warnungen, weil die Schriftkodierung nicht festgelegt ist. Das musst du aber einstellen, weil ich nicht weiß in welche Kodierung die Zeichensätze dann vorliegen.

Slopestyle-1 · 15. März 2011

Ok danke dir sehr "Eagle-PsyX-"

Suche

Unterstützung bei Tabellen - HTML

Slopestyle-1

Commander

blond

Gast

PrOOnOOb

Ensign

Slopestyle-1

Commander

blond

Gast

Slopestyle-1

Commander

PrOOnOOb

Ensign

blond

Gast

Eagle-PsyX-

Commander

Slopestyle-1

Commander

Eagle-PsyX-

Commander

Slopestyle-1

Commander

Eagle-PsyX-

Commander

Slopestyle-1

Commander

Ähnliche Themen