Tabelle ohne Rahmen auf Website

[thobie]

Moin,

ich brauche eine HTML-Tabelle ohne (!) jeglichen Rahmen auf einer Website.

Der Code

<table border="0" cellspacing="0" cellpadding="0">

liefert mir immer noch einen Rahmen.

Die beiden Screenshots zeigen den Unterschied. Einmal Textverarbeitung, keinerlei Rahmen, einmal Website, immer noch ein dünner Rahmen. Auch in einem Layoutprogramm kann ich den Rahmen auf "0" setzten.

Kann man tricksen und die Rahmenfarbe auf weiß setzen?

 

[Hotze]

https://wiki.selfhtml.org/wiki/HTML/Tabellen

<tr> im CSS definiert?

 

[kd31]

Im CSS border-collapse: collapse und das border-attribute im table-tag nicht verwenden, dann sollten alle Rahmenlinien verschwunden sein.

 

[roedert]

mal style="border: none" probiert?

 

[thobie]

mal style="border: none" probiert?

Funktioniert nicht.

 

[thobie]

Im CSS border-collapse: collapse und das border-attribute im table-tag nicht verwenden, dann sollten alle Rahmenlinien verschwunden sein.

table {
   border-collapse: collapse;
}

Kein border-Tag im HTML.
Funktioniert nicht.

 

[thobie]

https://wiki.selfhtml.org/wiki/HTML/Tabellen

<tr> im CSS definiert?

Gerade getestet. Funktioniert nicht.

 

[Difool]

table {
  border-collapse: collapse;
  border: none;
}
th,td {
  border: none;
}

Hier kannst du probieren:
https://www.w3schools.com/cssref/tryit.php?filename=trycss_table_table-layout

 

[iMaxer]

Kein border-Tag im HTML

Der Unterschied zwischen HTML und CSS ist dir aber bekannt? Geht aus deinen Antworten leider nicht klar hervor.

 

[thobie]

table {
  border-collapse: collapse;
  border: none;
}
th,td {
  border: none;
}

Hier kannst du probieren:
https://www.w3schools.com/cssref/tryit.php?filename=trycss_table_table-layout

Danke. Das funktioniert bedingt.

Umrandung der Tabelle ist weg, ebenso die senkrechten Zellenlinien.

Nicht jedoch die waagrechten Zellenlinien.

Gibt es dafür auch einen Workaround?

 

[thobie]

Der Unterschied zwischen HTML und CSS ist dir aber bekannt? Geht aus deinen Antworten leider nicht klar hervor.

Ja.

 

[thobie]

Ich bekomme mit diesem Code einer neuen Beispieltabelle:

<table class="a">
<tbody>
<tr>
<td>Ambulant</td>
<td>Stationär</td>
</tr>
<tr>
<td>10 €</td>
<td>20 €</td>
</tr>
</tbody>
</table>

und

table {
  border-collapse: collapse;
  border: none;
}
th,td {
  border: none;
}
table.a {
  table-layout: auto;
  width: 400px; 
}

immer eine untere, waagrechte Zellenlinie.

 

[kd31]

Ich habe das mal nachgestellt, bei mir kommen da keine waagerechten Zellenlinien.

EDIT: Dann hast du wohl in deinem restlichen Code irgendwo einen Fehler drin.

 

[Difool]

immer eine untere, waagrechte Zellenlinie.

Mag sein, dass da in deinem CSS irgendwo evtl. eine direktere Ansprache vorhanden ist.
Musst halt auch mal per Developertool nachschauen, ob etwas davor gesetzt ist – hier bsw. für die td oder so.
Bzw. kannst du so auch sehen, ob da noch etwas anderes greift, denn irgendwoher muss ja die border kommen.

edit:
Sonst probiere mal border: 0; oder border: hidden; statt border: none;.
Manchmal kommt es auf die Einsatzweise (container wie div oder table) drauf an, welche Priorität greift.

The CSS 2.1 spec defines rules for resolving borders in a collapsing border model. Essentially, border-style: hidden takes precedence over anything else, border-style: none has the lowest priority, and wider borders have higher priority over narrow borders.

In this case, the green dashed border of the table has higher priority than none or 0, but lower priority than hidden.

 

[thobie]

Problem gelöst. Alle Rahmen in Tabellen auf der ganzen Site entfernt.

Lösung:

• Es war noch zusätzlicher CSS-Code für ein deaktiviertes Plugin im Customizer des Themes, der auch noch fehlerhaft war. Er hat aus mir nicht bekannten Gründen die waagrechten Linien verursacht.
• Dann habe ich den CSS-Code ergänzt und das hat die letzte waagrechte Linie am Boden jeder Tabelle entfernt.

tr,th,td {
  border: hidden;
}

Danke für Eure Hilfestellungen!