CSS Table row border

aha_01 · 31.03.2010, 12:41

Hallo zusammen,
wie kann ich die Zeile einer tabelle mit Border versehen

Code:

#row_id {border:1px solid black;} /* geht net */

Für ne gute Idee bin ich sehr dankbar

Grüße
Aha

wolf29 · 31.03.2010, 13:11

Hi.

Die Zeile mit Direktformatierung oder einem entsprechendem Universalattribut versehen.

Wolf29

aha_01 · 31.03.2010, 13:18

kannst du es bitte noch deutlicher erklären

Z. B. mit paar css code Zeilen

Grüße
Aha

wolf29 · 31.03.2010, 13:29

Deutlich genug war ich (finde ich)...

! Aber ich werde nochmal "konkreter". Wenn du einer Zelle eine besondere Eigenschaft zuweisen willst, machst Du das z.B. mit <td style="">, oder du erstellst separate Style Eigenschaften, die du ihm Header Bereich definierst und dann dem Html Objekt über Namen zuordnest (schauste hier: SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden). Weitere Anregung (erst mal): schau z.B. mal hier:

SELFHTML: Stylesheets / CSS-Eigenschaften / Rahmen

Hier mal ein Beispiel CSS

PHP-Code:

  table{

  border:1px solid black;

}

td.rand{

    border:1px solid red;

}

jetzt musst du das <td class="rand">, welches du umranden willst, nur noch diese CSS Eigenschaft zuweisen!

Wolf29

tux86 · 31.03.2010, 14:27

ohne css geht es auch

mit:

Code:

<table border = "1" frame="void" rules="rows">

damit hast du nur linien zwischen den zeilen und ohne außenrahmen.

mehr: SELFHTML: HTML/XHTML / Tabellen / Gestaltung einer Tabelle

Nachtrag:

Wenn du mehrere zeilen mit eine linie versehen möchtest solltest du außerdem class="" benutzen. mit der id="" kannst du dann nachtägliche formatierungen zu besonderen fällen hinzufügen. dabei muss die id im html-dokument einmalig sein (HTML-Strict)

Desweiteren scheint es bei unterschiedlichen Browser proble mit border in <tr> zu geben. umgehen könnte man das indem man eine klasse für innere spalten mit border-top und border-bottom erstellt und eine klasse für links außen mit border-left, -top, -bottom sowie anlaog dazu für die rechts außen mit border-right.

Besipiel:

Code:

.zellen{
  border-top: solid black 1px;
  border-bottom: solid black 1px;
}

.zellelinks{
  border-left:solid black 1px;
}

.zellerechts{
  border-right:solid blck 1px;
}

<table>
  <tr>
     <td></td>
     <td></td>
     <td></td>
  </tr>
  <tr>
     <td class="zellen zellelinks"></td>
     <td class="zellen"></td>
     <td class="zellen zellerechts"></td>
  </tr>
  <tr>
     <td></td>
     <td></td>
     <td></td>
  </tr>
</table>

Das Prinzip: es gibt eine Klasse .zellen die nur den oberen und unteren rahmen erstellt. Nach dem vererbungsprinzip von css weißt man den äußeren beiden zellen einfach noch eine zweite klasse (.zellelinks oder .zellerechts) zu um die äußeren rahmen zusätzlich zu setzen.

Zur id="": da hier nun die klasse .zellen mehrmals benutzt wurde ist id dafür ungeeignet. wenn du weißt, dass du zellelinks und zellerechts nur EINMAL in dem Dokument nutzen wirst könntest du dafür auch id benutzen.

Bsp:

Code:

.zellen{...}
#zellelinks{...}
<td class="zellen" id="zellelinks">

Baltasar · 31.03.2010, 14:45

aber da es sich dabei "nur" um ein kosmetisches problem handelt, sollte man schon auf css zurückgreifen....

ChrisB · 31.03.2010, 16:18

Die Darstellung der Rahmen von Tabellenzeilen und Tabellenzellen hängt wesentlich vom Wert der Eigenschaft border-collapse ab.

http://de.selfhtml.org/css/eigenscha...order_collapse

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Table erstellen mit variablem Name	Rutor	PHP Tipps 2009	10	07.01.2010 12:52
[Erledigt] PHP-DB2 und REORG TABLE	Desian	Datenbanken	2	21.08.2009 18:27
SQL Error: Can't create table '.\XXX\user_informations.frm' (errno: 150)	boolean	Datenbanken	2	08.05.2009 11:01
Query optimieren	__abcde__	Datenbanken	8	28.08.2008 10:44
PHP/MySQL: QCodo's Code-Generator	Zergling-new	Tutorials	2	09.05.2008 05:33
Parsen von Delimitern	Basti	Tutorials	0	30.09.2006 21:24
[Erledigt] TRUNCATE TABLE		Datenbanken	5	20.01.2006 09:47
[mysql] Table Design bei grossen Datenmengen		Datenbanken	5	02.10.2005 13:25
Problem mit mySQL		Datenbanken	7	27.09.2005 12:06
PHP-Fehlermeldung, weiss nicht mehr weiter		PHP Tipps 2005-2	12	21.09.2005 12:56
mysql dump einspielen (ohne phpmyadmin)		PHP Tipps 2005-2	6	18.06.2005 21:50
[Erledigt] HILFE: Column count doesn't match value count at row 1		Datenbanken	17	12.06.2004 16:45
[Erledigt] table eintrag grösse		Datenbanken	5	05.06.2004 02:07

31.03.2010, 12:41
aha_01 Erfahrener Benutzer Registriert seit: 05.09.2007 Beiträge: 177	CSS Table row border Hallo zusammen, wie kann ich die Zeile einer tabelle mit Border versehen Code: #row_id {border:1px solid black;} /* geht net */ Für ne gute Idee bin ich sehr dankbar Grüße Aha


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

31.03.2010, 13:11
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.676 PHP-Kenntnisse: Fortgeschritten	Hi. Die Zeile mit Direktformatierung oder einem entsprechendem Universalattribut versehen. Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

31.03.2010, 13:18
aha_01 Erfahrener Benutzer Registriert seit: 05.09.2007 Beiträge: 177	kannst du es bitte noch deutlicher erklären Z. B. mit paar css code Zeilen Grüße Aha

31.03.2010, 13:29
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.676 PHP-Kenntnisse: Fortgeschritten	Deutlich genug war ich (finde ich)...! Aber ich werde nochmal "konkreter". Wenn du einer Zelle eine besondere Eigenschaft zuweisen willst, machst Du das z.B. mit <td style="">, oder du erstellst separate Style Eigenschaften, die du ihm Header Bereich definierst und dann dem Html Objekt über Namen zuordnest (schauste hier: SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden). Weitere Anregung (erst mal): schau z.B. mal hier: SELFHTML: Stylesheets / CSS-Eigenschaften / Rahmen Hier mal ein Beispiel CSS PHP-Code: `table{ border:1px solid black; } td.rand{ border:1px solid red; }` jetzt musst du das <td class="rand">, welches du umranden willst, nur noch diese CSS Eigenschaft zuweisen! Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

31.03.2010, 14:27
tux86 Benutzer Registriert seit: 17.06.2009 Beiträge: 30 PHP-Kenntnisse: Anfänger	ohne css geht es auch mit: Code: <table border = "1" frame="void" rules="rows"> damit hast du nur linien zwischen den zeilen und ohne außenrahmen. mehr: SELFHTML: HTML/XHTML / Tabellen / Gestaltung einer Tabelle Nachtrag: Wenn du mehrere zeilen mit eine linie versehen möchtest solltest du außerdem class="" benutzen. mit der id="" kannst du dann nachtägliche formatierungen zu besonderen fällen hinzufügen. dabei muss die id im html-dokument einmalig sein (HTML-Strict) Desweiteren scheint es bei unterschiedlichen Browser proble mit border in <tr> zu geben. umgehen könnte man das indem man eine klasse für innere spalten mit border-top und border-bottom erstellt und eine klasse für links außen mit border-left, -top, -bottom sowie anlaog dazu für die rechts außen mit border-right. Besipiel: Code: .zellen{ border-top: solid black 1px; border-bottom: solid black 1px; } .zellelinks{ border-left:solid black 1px; } .zellerechts{ border-right:solid blck 1px; } <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td class="zellen zellelinks"></td> <td class="zellen"></td> <td class="zellen zellerechts"></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> Das Prinzip: es gibt eine Klasse .zellen die nur den oberen und unteren rahmen erstellt. Nach dem vererbungsprinzip von css weißt man den äußeren beiden zellen einfach noch eine zweite klasse (.zellelinks oder .zellerechts) zu um die äußeren rahmen zusätzlich zu setzen. Zur id="": da hier nun die klasse .zellen mehrmals benutzt wurde ist id dafür ungeeignet. wenn du weißt, dass du zellelinks und zellerechts nur EINMAL in dem Dokument nutzen wirst könntest du dafür auch id benutzen. Bsp: Code: .zellen{...} #zellelinks{...} <td class="zellen" id="zellelinks"> Geändert von tux86 (31.03.2010 um 14:46 Uhr).

31.03.2010, 14:45
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	aber da es sich dabei "nur" um ein kosmetisches problem handelt, sollte man schon auf css zurückgreifen....

31.03.2010, 16:18
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Die Darstellung der Rahmen von Tabellenzeilen und Tabellenzellen hängt wesentlich vom Wert der Eigenschaft border-collapse ab. http://de.selfhtml.org/css/eigenscha...order_collapse