Rahmen um Tabelle

psuser08 · 26.03.2009

Hallo,

Ich bin gerade dabei mir eine HTML Newslettervorlage zu basteln habe ich auch soweit fertig nur möchte ihr jetzt noch um die Haupttabelle einn Rahmen in einer bestimmten Farbe damit es sin der Mitte so eine Art Kasten.

Hier mal ein Screenshot und den Code.

Code:

<HTML><head><title>Newsletter Photofloh.de</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#000000" text="#ffffff">

<div align="center">
<table border="0" width="100%">
<tbody>
<tr>
<td rowspan="6" width="14%"> </td>
<td style="text-align: center;"> <img alt="" src="http://www.photofloh.de/newssystem/nl_files/pf_news2.jpg" align="" border="0"></td>
<td rowspan="6" width="13%"> </td>
</tr>
<tr>
<td style="text-align: center;" width="73%"> <span style="color: rgb(255, 255, 255);"><span style="font-weight: bold;">Newsletter
Ausgabe 1 vom 26.03.2009</span><br>
</span></td>
</tr>
<tr style="background-color: rgb(57, 155, 201); font-weight: bold;">
<td><span style="color: rgb(255, 255, 255);">Es ist wieder einmal soweit...<br>
<br>
Es sind gibt wieder neue Bilder auf Photofloh.de zu sehen u.a.<br>
<br>
</span> <ul>
<li>RockXn Vivo-OrO Konzert 21.03.2009 und andere Konzerte<br>
</li>
<li>mehrere Geburtstage</li>
<li>Fußball</li>
<li>Altweiberfasching</li>
<li>uvm.<br>
</li>
</ul>
<span style="color: rgb(255, 255, 255);"> </span></td>
</tr>
<tr style="font-weight: bold;">
<td style="text-align: center;"> Neue Bilder auf Photofloh.de<br></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>Viel Spaß beim durchstöbern<br> <br>
wünscht euch Florian Schmitt<br> <br>
Internet: www.photofloh.de<br>
E-Mail: webmaster@photofloh.de<br>
MySpace: www.myspace.com/photofloh<br>
WKW: <br></td>
</tr>
</tbody>
</table>
</div>
</body></HTML>

Bitte um Hilfe

Danke

sokie · 26.03.2009

AW: Rahmen um Tabelle

<table style="border: 2px solid #ffff00; width: 100%;">
statt #ffff000 eben deine farbe

Herr_D · 26.03.2009

AW: Rahmen um Tabelle

statt:

Code:

<div align="center">
<table border="0" width="100%">

einfach

Code:

<div align="center">
<table style="border: [COLOR="Red"]1px solid #ff0000;[/COLOR] width:100%;">

Das Rote anpassen

quasibodo · 26.03.2009

AW: Rahmen um Tabelle

ja, oder mit abständen zum Rahmen:

Code:

<div align="center">
<table style="border: [COLOR=Red]1px solid #ff0000; padding: 5px; margin: 2px;[/COLOR] width:100%;">

lg
qb.

psuser08 · 27.03.2009

AW: Rahmen um Tabelle

danke hat geklappt aber wie bekomm ich jetzt noch einen Rahmen nur um die türkisene Tabelle?

<HTML><head><title>Newsletter Photofloh.de</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body alink="#399bc9" bgcolor="#000000" link="#399bc9" text="#ffffff" vlink="#399bc9">
<div align="center">
<table style="border: 5px solid rgb(57, 155, 201); width: 100%;">
<tbody>
<tr>
<td rowspan="6" width="14%"> </td>
<td style="text-align: center;"> <img alt="" src="http://www.photofloh.de/newssystem/nl_files/pf_news_mit_effekte3.jpg" align="" border="0"></td>
<td rowspan="6" width="13%"> </td>
</tr>
<tr>
<td style="text-align: center;" width="73%"> <span style="color: rgb(255, 255, 255);"><span style="font-weight: bold;">Newsletter
Ausgabe 1 vom 27.03.2009</span><br>
</span></td>
</tr>
<tr style="background-color: rgb(57, 155, 201);">
<td><span style="color: rgb(255, 255, 255);">Es ist wieder einmal soweit...<br>
<br>
Es sind wieder neue Bilder auf Photofloh.de zu sehen u.a.<br>
<br>
</span> <ul>
<li>RockXn Vivo-OrO Konzert 21.03.2009 und andere Konzerte<br>
</li>
<li>mehrere Geburtstage</li>
<li>Fußball</li>
<li>Altweiberfasching</li>
<li>uvm.<br>
</li>
</ul>
<span style="color: rgb(255, 255, 255);"> </span></td>
</tr>
<tr>
<td style="text-align: center;"> <span style="font-weight: bold;">Random Pictures...</span><br></td>
</tr>
<tr>
<td style="text-align: center;"> <img alt="" src="http://www.photofloh.de/newssystem/nl_files/fotostreifen_pf.jpg" align="" border="0"></td>
</tr>
<tr>
<td><div align="center">Viel Spaß beim durchstöbern...<br>
<br>
wünscht euch Florian Schmitt<br>
<br>
<span style="font-weight: bold;">Internet:</span> <a title="Photofloh.de" href="http://www.photofloh.de">www.photofloh.de</a><br>
<span style="font-weight: bold;">E-Mail:</span> <a href="mailto:webmaster@photofloh.de">webmaster@photofloh.de</a><br>
<span style="font-weight: bold;">MySpace:</span> <a title="MySpace" href="http://www.myspace.com/photofloh">www.myspace.com/photofloh</a><br>
<span style="font-weight: bold;">WKW:</span> <a title="WKW" href="http://www.wer-kennt-wen.de/person/kn39dbdt">www.wer-kennt-wen.de/person/kn39dbdt</a><br>
<span style="font-weight: bold;">WKW Group:</span> <a href="http://www.wer-kennt-wen.de/club/uyh52b7i">www.wer-kennt-wen.de/club/uyh52b7i</a><br>
</div></td>
</tr>
</tbody>
</table>
</div>
</body></HTML>

nische · 27.03.2009

AW: Rahmen um Tabelle

Hallo probiers mal mit css formatierung.

Schau unter CSS 4 You - The Finest in Stylesheets

dort is alle super erklärt. Mir hats geholfen hoffe dir auch

psuser08 · 27.03.2009

AW: Rahmen um Tabelle

so hab ich doch gemacht geht aber nicht so das nur um die türkisene Zelle ein Rahmen ist.

Bitte um Hilfe

Danke

quasibodo · 27.03.2009

AW: Rahmen um Tabelle

In diesem Fall verweise ich nochmal auf
SELFHTML: Navigationshilfen / Kurzreferenz: CSS

Ein Klick auf Beschreibung erklärt auch, wie der code in html auszusehen hat.

psuser08 · 28.03.2009

AW: Rahmen um Tabelle

ja, dort steht wie man einen Rahmen um eine Zelle macht aber ich weis nicht an welcher Stelle ich den Code einfügen soll.

quasibodo · 28.03.2009

AW: Rahmen um Tabelle

In genau der Tabellenzelle, in der Du den Rahmen haben willst...

Code:

<HTML><head><title>Newsletter Photofloh.de</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body alink="#399bc9" bgcolor="#000000" link="#399bc9" text="#ffffff" vlink="#399bc9">
<div align="center">
<table style="border: 5px solid rgb(57, 155, 201); width: 100%;">
<tbody>
<tr>
<td rowspan="6" width="14%"> </td>
<td style="text-align: center;"> <img alt="" src="http://www.photofloh.de/newssystem/nl_files/pf_news_mit_effekte3.jpg" align="" border="0"></td>
<td rowspan="6" width="13%"> </td>
</tr>
<tr>
<td style="text-align: center;" width="73%"> <span style="color: rgb(255, 255, 255);"><span style="font-weight: bold;">Newsletter
Ausgabe 1 vom 27.03.2009</span><br>
</span></td>
</tr>
<tr style="background-color: rgb(57, 155, 201);">
<td style="border: 2px solid #FFFFFF; padding: 5px; "><span style="color: rgb(255, 255, 255);">Es ist wieder einmal soweit...<br>
<br>
Es sind wieder neue Bilder auf Photofloh.de zu sehen u.a.<br>
<br>
</span> <ul>
<li>RockXn Vivo-OrO Konzert 21.03.2009 und andere Konzerte<br>
</li>
<li>mehrere Geburtstage</li>
<li>Fußball</li>
<li>Altweiberfasching</li>
<li>uvm.<br>
</li>
</ul>
<span style="color: rgb(255, 255, 255);"> </span></td>
</tr>
<tr>
<td style="text-align: center;"> <span style="font-weight: bold;">Random Pictures...</span><br></td>
</tr>
<tr>
<td style="text-align: center;"> <img alt="" src="http://www.photofloh.de/newssystem/nl_files/fotostreifen_pf.jpg" align="" border="0"></td>
</tr>
<tr>
<td><div align="center">Viel Spaß beim durchstöbern...<br>
<br>
wünscht euch Florian Schmitt<br>
<br>
<span style="font-weight: bold;">Internet:</span> <a title="Photofloh.de" href="http://www.photofloh.de">www.photofloh.de</a><br>
<span style="font-weight: bold;">E-Mail:</span> <a href="mailto:webmaster@photofloh.de">webmaster@pho tofloh.de</a><br>
<span style="font-weight: bold;">MySpace:</span> <a title="MySpace" href="http://www.myspace.com/photofloh">www.myspace.com/photofloh</a><br>
<span style="font-weight: bold;">WKW:</span> <a title="WKW" href="http://www.wer-kennt-wen.de/person/kn39dbdt">www.wer-kennt-wen.de/person/kn39dbdt</a><br>
<span style="font-weight: bold;">WKW Group:</span> <a href="http://www.wer-kennt-wen.de/club/uyh52b7i">www.wer-kennt-wen.de/club/uyh52b7i</a><br>
</div></td>
</tr>
</tbody>
</table>
</div>
</body></HTML>

Fertig.

psuser08 · 31.03.2009

AW: Rahmen um Tabelle

danke hat funktioniert -)