✔ Border innerhalb von Table

[das_element]

Hoi,
ich habe einen Table gemacht:

<table width="75%" class="table">
<thead>
	<tr>
	<td width="75%">Homepage geht online</td>
	<td width="15%">19.12.2005</td>
	</tr>
</thead>
<tfoot>	<tr>
	<td colspan="2">Related Links:
	<a href="#">www.cstrike.de</a>
	<a href="#">www.giga.de</a>
	<a href="#">www.chip.de</a>
	<a href="#">www.gmx.de</a>
	</tr>

<tbody>
	<tr>
	<td colspan="2">
Das ist die erste News-Nachricht..... Bla bla bla....

</td>
	</tr>
</tbody>
</table>

In der dem css-File steht:

.table {
	border: 1px dotted black;
	font-family: Arial;
	font-size: 14px;
	color: #444444;
	}

Leider werden die Linien innerhalb des Tables nicht angezeigt, sondern nur der äußere Border. Gibts da nen Befehl o.ä. dafür, dass auch die Linien innen angezeigt werden?

mfg
Stefan

 

[Maik]

Probier mal folgendes:

.table, td {
	border: 1px dotted black;
	font-family: Arial;
	font-size: 14px;
	color: #444444;
	}

 

[digiTAL]

Moin Moin,

der Befehl "border" sagt ja schon aus das das nur den Rand mit einer Linie umrandet. Du könntest das aber ein bisschen anders machen.

td.tab_border{
border-bottom:1px dotted black; }

und dann einfach "<td colspan="2" class="tab_border">" einfügen.

mfg digiTALE

 

[das_element]

ok
danke für eure antworten
wenn ich allerdings die version von michaelsinterface verwende habe ich so einen doppelborder: schau's dir an
Geht es, dass nur ein Border da ist?
PS: Ich habe die Version von digital noch nicht probiert, ich hoffe mal dass da des selbe rauskommt oder ist das bereits meine Lösung?

mfg
Stefan

 

[Gumbo]

Probier mal Folgendes:

.table {
	color:			#444;
	font-family:		Arial;
	font-size:		14px;
	border-collapse:	collapse;
}
.table,
td,
th {
	border:			thin dotted black;
}

 

[digiTAL]

Na bei meiner Lösung hast du eine 1px Linie und sieht auch ganz gut aus !

mfg digiTALE

 

[das_element]

Re: Text-Abstand im Table

ich danke euch beiden für die Antworten!
Der Table passt jetzt, aber der Text ist für meinen Geschmack zu nah am Rand, nur irgendwie funktionert margin nicht im Table?
Was kann ich da tun?

mfg
Stefan

 

[digiTAL]

<style>
table{
padding:2px; }
</style>

sollte PLatz zwischen dem Rand lassen, einfach hinzufügen

mfg digiTALE

 

[das_element]

da rührt sich nix bei mir

 

[Gumbo]

Du musst die zusätzliche Polsterung den Tabellenzellen zuweisen:

td, th {
	padding:		.5ex;
}