mikrocontroller.net

Forum: PC-Programmierung HTML Tabellenrand


Autor: blubb (Gast)
Datum:

Bewertung
0 lesenswert
nicht 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">
<html>
<head>
  <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
  <title>Venues</title>
</head>

<body bgcolor="#d5e0e2" link="#004d64" vlink="#004d64" alink="#004d64">

<table bgcolor="#d5e0e2" cellpadding="0" cellspacing="0" border="0" width="719" align="center">
  <tr>
    <td>&nbsp;</td>
    <td align="center" width="686">BILD</td>
    <td width="23">&nbsp;</td>
  </tr>
  
  <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>
  
  <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>
              <tr>
                <td>&nbsp;</td>
                <td height="10">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>

                <td></td>
              </tr>
              <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>
  </tr>
  
  <tr>
    <td>&nbsp;</td>
    <td align="center"><img src="http://img205.imageshack.us/img205/4707/footerwide.gif"></td>
    <td>&nbsp;</td>
  </tr>  
  
</table>


</body>
</html>

Danke!

Autor: Andi ... (xaos)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
schau dir mal CSS an (border)
www.css4you.de
www.selfthtml.org

Autor: blubb (Gast)
Datum:

Bewertung
0 lesenswert
nicht 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 :(

Autor: pumm (Gast)
Datum:

Bewertung
0 lesenswert
nicht 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!

Autor: blubb (Gast)
Datum:

Bewertung
0 lesenswert
nicht lesenswert
Dann definier mal styles und schick die an die letzte outlook-version 
und an google mail...

Autor: der mechatroniker (Gast)
Datum:

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

Autor: pumm (Gast)
Datum:

Bewertung
0 lesenswert
nicht 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

Autor: Andi ... (xaos)
Datum:

Bewertung
0 lesenswert
nicht 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 ? ;)

Autor: pq (Gast)
Datum:

Bewertung
0 lesenswert
nicht 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">
<html>
<head>
  <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1">
  <title>Venues</title>
</head>

<body bgcolor="#d5e0e2" link="#004d64" vlink="#004d64" alink="#004d64">

<table bgcolor="#d5e0e2" cellpadding="0" cellspacing="0" border="0" width="719" align="center">
  <tr>
    <td>&nbsp;</td>
    <td align="center" width="686">BILD</td>
    <td width="23">&nbsp;</td>
  </tr>
  
  <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>
  
  <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>
              <tr>
                <td>&nbsp;</td>
                <td height="10">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>

                <td></td>
              </tr>
              <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>
  </tr>
  
  <tr>
    <td>&nbsp;</td>
    <td align="center"><img src="http://img205.imageshack.us/img205/4707/footerwide.gif"></td>
    <td>&nbsp;</td>
  </tr>  
  
</table>


</body>
</html>


Autor: Läubi .. (laeubi) Benutzerseite
Datum:

Bewertung
0 lesenswert
nicht 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.
<tr>
 <td width="1" bgcolor="#00000"></td>
 <td>Mein Text mit einem Hand rechts und links</td>
 <td width="1" bgcolor="#00000"></td>
</tr>

Autor: Εrnst B✶ (ernst)
Datum:

Bewertung
0 lesenswert
nicht 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...

Autor: pq (Gast)
Datum:

Bewertung
0 lesenswert
nicht 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.

Antwort schreiben

Die Angabe einer E-Mail-Adresse ist freiwillig. Wenn Sie automatisch per E-Mail über Antworten auf Ihren Beitrag informiert werden möchten, melden Sie sich bitte an.

Wichtige Regeln - erst lesen, dann posten!

  • Groß- und Kleinschreibung verwenden
  • Längeren Sourcecode nicht im Text einfügen, sondern als Dateianhang

Formatierung (mehr Informationen...)

  • [c]C-Code[/c]
  • [avrasm]AVR-Assembler-Code[/avrasm]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] - Link zu Artikel
  • Verweis auf anderen Beitrag einfügen: Rechtsklick auf Beitragstitel,
    "Adresse kopieren", und in den Text einfügen




Bild automatisch verkleinern, falls nötig
Bitte das JPG-Format nur für Fotos und Scans verwenden!
Zeichnungen und Screenshots im PNG- oder
GIF-Format hochladen. Siehe Bildformate.
Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt.
Bitte hier nur auf die ursprüngliche Frage antworten,
für neue Fragen einen neuen Beitrag erstellen.

Mit dem Abschicken bestätigst du, die Nutzungsbedingungen anzuerkennen.