HTML Tabellenrand

blubb Gast 05.10.2009 22:51 #1437194

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

TestX .. (xaos) 05.10.2009 23:16 #1437229

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

blubb Gast 05.10.2009 23:19 #1437231

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

pumm Gast 06.10.2009 00:59 #1437277

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

blubb Gast 06.10.2009 07:28 #1437329

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

der mechatroniker Gast 06.10.2009 08:10 #1437344

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

pumm Gast 08.10.2009 01:33 #1439652

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

TestX .. (xaos) 08.10.2009 01:37 #1439655

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

pq Gast 08.10.2009 07:14 #1439679

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

Läubi .. (laeubi) 08.10.2009 09:18 #1439754

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

Εrnst B. (ernst) 09.10.2009 20:01 #1441716

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

pq Gast 11.10.2009 09:36 #1442775

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

HTML Tabellenrand

Antwort schreiben