Einzelne Trennelemente einer Tabelle anzeigen

[nipoda]

Hallo,

ich möchte eine Tabelle so darstellen:

Also nur ab und zu eine Zwischenlinie einfügen!
Wie kann ich das mit HTML/CSS lösen?

Oder muss ich das mit einem Hintergrundbild machen?

Vielen Dank schoneinmal im Vorraus.

 

[BcF]

Du weist den Zeilen, die "unterstrichen" werden sollen eine Klasse zu, der du dann per CSS unten einen Rahmen gibst.

 

[_Thor_]

Du gibst den Zeilen, die einer Rahmen haben sollen einfach eine Klasse und definierst im CSS den Rahmen.

 

[nipoda]

<style  type="text/css">  
<!--  
table#bltabelle, table#bltabelle td
{
	border-bottom:1px groove #C0C0C0;
}
--> 
</style>

<table border="0">
<tr>
	<td>Zeile 1</td>
	<td>Zeile 1</td>
	<td>Zeile 1</td>
</tr>
<tr id="bltabelle">
	<td>Zeile 1</td>
	<td>Zeile 1</td>
	<td>Zeile 1</td>
</tr>
<tr>
	<td>Zeile 1</td>
	<td>Zeile 1</td>
	<td>Zeile 1</td>
</tr>
<tr>
	<td>Zeile 1</td>
	<td>Zeile 1</td>
	<td>Zeile 1</td>
</tr>
</table>

So in der Art oder?!?

Was ist da jetzt falsch?

 

[BcF]

Entweder du ersetzt das table an den beiden Stellen durch tr, oder packst jeweils ein Leerzeichen dahinter. So versuchst du nämlich eine Tabelle mit der ID bltabelle anzusprechen, die es nicht gibt.

Ich weiß zwar nicht wie deine Datei aussieht, aber Style-Angaben gehören in den Head-Bereich, oder, noch besser, in eine externe Datei. In deinem geposteten Code sieht es so aus, als stände der Style-Teil direkt vor der Tabelle.

 

[nipoda]

Dankeschön. Klappt jetzt alles!

Ja klar, so steht das natürlich nicht in der Datei...

 

[tiroler]

zeile unterstreichen

Hallo Leute!

Bin ganz neu im "Geschäft" der Programmierer und würde dringen Hilfe benötigen!

Habe eine HP über ein CMS Programm und möchte dort in einer HTML Seite eine Tabelle mit mehreren Zeilen einbauen wo gewisse Zeilen mit einen blauen Strich unterstrichen werden.
Das Stylesheet ist natürlich extern in einer anderen Datei.
Kann mir bitte jemand die von mir angführte HTML Datei vervollständige, dass jede zweite Zeile unterstrichen ist und auch den Code für die Stylesteeht Datei schreiben!

<table border="1" width="100%" frame="below">
<tbody>
<tr>
<td>Hallo</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>Hallo</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>Hallo</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>Hallo</td>
<td>test</td>
<td>test</td>
</tr>
</tbody>
</table>

Stylesheet:
??????

Vielen Dank für die Hilfe

 

[_Thor_]

Du gibst jeder zweiten Zeile eine Klasse

<tr class="even">...</tr>

und gibst dieser Klasse dann die Formatierungen die du haben möchtest

tr.even {border-bottom: 1px solid blue;}

 

[tiroler]

Zwischenstrich

Super danke für die schnelle Antwort, hat super funktioniert!

Jetzt habe ich nur noch das problem, dass zwischen den einzelnen Tabellen der Strich in der Zeile nicht durchgehen ist!

Gibt es hierfür auch noch eine Lösung?

Danke

 

[_Thor_]

Ja, durch

table {border-collapse: collapse;}

rücken die Zellen zusammen und sollten durchgehende Linien erzeugen.