HTML Tabellenrand

von blubb (Gast)

05.10.2009 22:51

Lesenswert?

•

Hallo,

ich habe eine Tabelle, nun möchte ich dass links und rechts jeweils ein 
Rand angezeigt wird, der mit der Footer-Grafik abschließt.

Könnte mir jemand helfen?

Hier der Quellcode der Tabelle:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
  <title>Venues</title>
<body bgcolor="#d5e0e2" link="#004d64" vlink="#004d64" alink="#004d64">
<table bgcolor="#d5e0e2" cellpadding="0" cellspacing="0" border="0" width="719" align="center">
    <td>&nbsp;</td>
    <td align="center" width="686">BILD</td>
    <td width="23">&nbsp;</td>
  <tr align="center">
    <td>&nbsp;</td>
    <td align="left" width="686">
      <font face="Helvetica Neue, Helvetica, Calibri, Tahoma, Arial, Verdana, sans-serif" color="#d5e0e2" size="2"><b>&nbsp;Text: </b></font> Test  test  </td>
    <td>&nbsp;</td>
  <tr align="center">
    <td>Rand</td>
    <td>
      <table bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
        <tr>
          <td>
            <table cellpadding="0" cellspacing="0" border="0" width="685">
              <tr bgcolor="#D8D8D8">
                <td width="15"></td>
                <td height="60" valign="bottom" style="border-bottom: 1px dotted #5e7a88;">&nbsp;</td>
                <td width="15">&nbsp;</td>
              </tr>
                <td>&nbsp;</td>
                <td height="10">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td></td>
              </tr>
                <td>&nbsp;</td>
                <td height="35">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>            </td>      
        </tr>
        <tr>
          <td bgcolor="#000"></td>
          <td>        </tr>
      </table>    </td>
    <td>Rand</td>
    <td>&nbsp;</td>
    <td align="center"><img src="http://img205.imageshack.us/img205/4707/footerwide.gif"></td>
    <td>&nbsp;</td>
  </tr>  
</table>


Danke!

Beitrag melden Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von TestX .. (xaos)

05.10.2009 23:16

Lesenswert?

•

▲
▼

schau dir mal CSS an (border)
www.css4you.de
www.selfthtml.org

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von blubb (Gast)

05.10.2009 23:19

Lesenswert?

•

▲
▼

Hey,

nen, ich kann explizit kein css verwenden - das soll ein Newsletter 
werden. Einige maildienste und Mailprogramme entfernen css tags, da dort 
javascript ausgeführt werden kann :(

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von pumm (Gast)

06.10.2009 00:59

Lesenswert?

•

▲
▼

>maildienste und Mailprogramme entfernen css tags, da dort
>javascript ausgeführt werden kann

CSS definiert lediglich Styles, hat also keinen Zugriff auf JS-Elemente
... und die Links (insbesonders der 2.) sind durchaus ernstzunehmen!

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von blubb (Gast)

06.10.2009 07:28

Lesenswert?

•

▲
▼

Dann definier mal styles und schick die an die letzte outlook-version 
und an google mail...

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von der mechatroniker (Gast)

06.10.2009 08:10

Lesenswert?

•

▲
▼

Text-Mail schicken, in Spalte 1 und 78 in jeder Zeile ein | und den 
Footer rechts in Spalte 78 aufhören lassen?

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von pumm (Gast)

08.10.2009 01:33

Lesenswert?

•

▲
▼

>an die letzte outlook-version und an google mail

... anderes Mailprogramm verwenden

>Einige maildienste und Mailprogramme entfernen css tags

Die Programme entfernen kein css - sie sind einfach nicht in der Lage, 
css ordentlich oder überhaupt darzustellen.

... haufenweise Infos durch die richtige Suche  ;-)

Und die obengenannten Links (insbesonders der 2.) sind weiterhin 
durchaus ernstzunehmen

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von TestX .. (xaos)

08.10.2009 01:37

Lesenswert?

•

▲
▼

blubb schrieb:
> Hey,
>
> nen, ich kann explizit kein css verwenden - das soll ein Newsletter
> werden. Einige maildienste und Mailprogramme entfernen css tags, da dort
> javascript ausgeführt werden kann :(

jaja ganz bestimmt, deswegen benutzen IBM, SUN, MICROSOFT das auch in 
ihren newslettern und es wird korrekt angezeigt ? ;)

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von pq (Gast)

08.10.2009 07:14

Lesenswert?

•

▲
▼

Hallo Blubb

ich kann diese arroganten Antworten zu CSS und Tabellen nicht ab. Ist 
wie im Kindergarten. Ist in allen Foren so. Dieses engstirnige 
Denken....

Das habe ich auf Safari und Firefox getestet - probier's mal :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
  <title>Venues</title>
<body bgcolor="#d5e0e2" link="#004d64" vlink="#004d64" alink="#004d64">
<table bgcolor="#d5e0e2" cellpadding="0" cellspacing="0" border="0" width="719" align="center">
    <td>&nbsp;</td>
    <td align="center" width="686">BILD</td>
    <td width="23">&nbsp;</td>
  <tr align="center">
    <td>&nbsp;</td>
    <td align="left" width="686">
      <font face="Helvetica Neue, Helvetica, Calibri, Tahoma, Arial, Verdana, sans-serif" color="#d5e0e2" size="2"><b>&nbsp;Text: </b></font> Test  test  </td>
    <td>&nbsp;</td>
  <tr align="center">
    <td>Rand</td>
    <td >
      <table  bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
        <tr>
          <td>
            <table style="border-left: 1px solid black;border-right: 1px solid black;" cellpadding="0" cellspacing="0" border="0" width="685">
              <tr bgcolor="#D8D8D8">
                <td width="15"></td>
                <td height="60" valign="bottom" style="border-bottom: 1px dotted #5e7a88;">&nbsp;</td>
                <td width="15">&nbsp;</td>
              </tr>
                <td>&nbsp;</td>
                <td height="10">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td></td>
              </tr>
                <td>&nbsp;</td>
                <td height="35">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>            </td>      
        </tr>
        <tr>
          <td bgcolor="#000"></td>
          <td>        </tr>
      </table>    </td>
    <td>Rand</td>
    <td>&nbsp;</td>
    <td align="center"><img src="http://img205.imageshack.us/img205/4707/footerwide.gif"></td>
    <td>&nbsp;</td>
  </tr>  
</table>

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von Läubi .. (laeubi)

08.10.2009 09:18

Lesenswert?

•

▲
▼

pq schrieb:
> Hallo Blubb
>
> ich kann diese arroganten Antworten zu CSS und Tabellen nicht ab. Ist
> wie im Kindergarten. Ist in allen Foren so. Dieses engstirnige
> Denken....
>
> Das habe ich auf Safari und Firefox getestet - probier's mal :
Es geht um e-mail da hilft ihm nix das der Brwoser das anzeigt...

Ne alternative wäre, eine 1 Pixel Breite spalte jeweisl einzuführen die 
einen Schwarzen Hintergrund hat.

 <td width="1" bgcolor="#00000"></td>
 <td>Mein Text mit einem Hand rechts und links</td>
 <td width="1" bgcolor="#00000"></td>

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von Εrnst B. (ernst)

09.10.2009 20:01

Lesenswert?

•

▲
▼

Schau mal bei Microsoft nach.
Die nehmen beim Outlook inzwischen die Renderengine vom Word, nicht mehr 
den IE. Die kann wesentlich weniger, soll aber sicherer sein...

http://msdn.microsoft.com/en-us/library/aa338201.aspx
Wär ein Startpunkt...

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Re: HTML Tabellenrand

von pq (Gast)

11.10.2009 09:36

Lesenswert?

•

▲
▼

eine andere Möglichkeit wäre auch:
Du machst eine Tabelle mit nur einer Spalte und 3 Zeilen.
1. Zeile Kopf
2. Zeile Inhalt
3. Zeile Fuß

Alle 3 Zellen bekommen eine Hintergrundgrafik. Die kannst Du ja in 
y-Richtung kacheln, so dass die Inhalts-Grafik nur z.B. 800x1 Pixel groß 
ist.

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat

Forum: PC-Programmierung HTML Tabellenrand