FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: "border" wird durch colspan manipuliert vom 20.02.2014

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> "border" wird durch colspan manipuliert
	Seite: 1, 2 Weiter

Autor

Nachricht

KalleGrabo
Threadersteller

Dabei seit: 13.03.2013
Ort: Dortmund
Alter: 32
Geschlecht: Männlich

Verfasst Do 20.02.2014 13:36
Titel

"border" wird durch colspan manipuliert

Hallo,

ich versuche gerade ein Tabelle aufzubauen, mit einem "border-bottom" an jedem "tr".
Solange ich in meiner Tabelle keinen "colspan" verwende funktioniert das auch. Sobald ein colspan drin ist, verändert sich der border.

table tr td ohne colspan

table tr td mit colspan

Hier mein HTML-Code

Code:

<table>

<thead>
   <tr>
      <td colspan="1">
         ich bin nur die Überschrift
      </td>
   </tr>
</thead>

<tbody>
   <tr>
      <td>
         wir alle
      </td>
      <td>
         wir alle
      </td>
   </tr>
</tbody>

</table>

und hier der CSS-Code

Code:

table {
border-collapse: collapse;
width: 600px;
}

table thead {
   background: rgba(255,0,0,1);
   color: rgba(255,255,255,1);
   }

   table tr td{
      border-bottom: dashed 1px rgba(0,0,0,1);
      }

      table tr td {
         padding: 20px;
         }

         table tr td colspan {
            border: none !important;
            }

Kennt jemand diese Problem und kann mir helfen?

P.S.: wenn ich der ganzen Tabelle einen "border" verpasse, sind die Fehler weg.
Aber

Code:

border: dashed 1px rgba(0,0,0,0);

kann doch auch nicht die Lösung sein... *Schnief*

Beste Grüße
Kalle

Zuletzt bearbeitet von KalleGrabo am Do 20.02.2014 13:39, insgesamt 1-mal bearbeitet

jense

Dabei seit: 04.11.2003
Ort: Dizzledope
Alter: 47
Geschlecht: Männlich

Verfasst Do 20.02.2014 14:03 Titel

verwende einfach keine tabellen.

SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich

Verfasst Do 20.02.2014 14:21
Titel

jense hat geschrieben:

verwende einfach keine tabellen.

Super Lösung *ha ha*

... mach doch einfach die Selektorenkette genauer, sodass der thead nicht betroffen ist.

Code:

table tbody td { ...

Nun gut ich hoffe auch, dass es kein Tabellenlayout ist. Ansonsten vergiss es und mach es so.

Morgo

Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht: Männlich

Verfasst Do 20.02.2014 14:24
Titel

Re: "border" wird durch colspan manipuliert

Naja, also ..

Code:

..ist ja auch Unsinn. Genau wie:

Code:

table tr td colspan {

Eigentliche Ursache ist hier aber (in Webkit Browsern):

Code:

border-collapse: collapse

KalleGrabo
Threadersteller

Dabei seit: 13.03.2013
Ort: Dortmund
Alter: 32
Geschlecht: Männlich

Verfasst Do 20.02.2014 15:01
Titel

Re: "border" wird durch colspan manipuliert

Morgo hat geschrieben:

Naja, also ..

Code:

..ist ja auch Unsinn. Genau wie:

Code:

table tr td colspan {

Eigentliche Ursache ist hier aber (in Webkit Browsern):

Code:

border-collapse: collapse

Ach Mist, jetzt habe ich den falschen Code angehängt.
Der colspan ist natürlich bei 2 und die Sache mit dem "colspan" im CSS war einfach nur ein verzweifelter Versuch.

Ohne border-collapse erhalte ich gar keinen border.

Ich muss Tabellen verwenden, da ich tabellarische Inhalte aus einer Datenbank darstellen will und es über divs oder Listen einfach nicht zu lösen ist.

KalleGrabo
Threadersteller

Dabei seit: 13.03.2013
Ort: Dortmund
Alter: 32
Geschlecht: Männlich

Verfasst Do 20.02.2014 15:14
Titel

SimonDerDude hat geschrieben:

jense hat geschrieben:

verwende einfach keine tabellen.

Super Lösung *ha ha*

... mach doch einfach die Selektorenkette genauer, sodass der thead nicht betroffen ist.

Code:

table tbody td { ...

Nun gut ich hoffe auch, dass es kein Tabellenlayout ist. Ansonsten vergiss es und mach es so.

Das mit den genaueren Selektoren hilft mir leider nicht, der kleine Fehler im tbody ist noch immer da.

Es ist kein Tabellenlayout, keine Sorge!

top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich

Verfasst Do 20.02.2014 15:18
Titel

KalleGrabo hat geschrieben:

...
Das mit den genaueren Selektoren hilft mir leider nicht, der kleine Fehler im tbody ist noch immer da.
...

Das ist kein Fehler. Da treffen nur die beiden gestrichelte Außenlinien der Tabellenzellen aufeinander.

KalleGrabo
Threadersteller

Dabei seit: 13.03.2013
Ort: Dortmund
Alter: 32
Geschlecht: Männlich

Verfasst Do 20.02.2014 15:21
Titel

top hat geschrieben:

KalleGrabo hat geschrieben:

...
Das mit den genaueren Selektoren hilft mir leider nicht, der kleine Fehler im tbody ist noch immer da.
...

Das ist kein Fehler. Da treffen nur die beiden gestrichelte Außenlinien der Tabellenzellen aufeinander.

"optische Fehler"..

Aber wieso passiert das ganze auch, wenn ich dem "tbody tr" das "border-bottom" verpasse und mit "colspan="2" arbeite.
Die Linie sollte doch trotzdem eine sein und nicht auf zwei aufgeteilt werden, oder?

Beste

	Seite: 1, 2 Weiter
	MGi Foren-Übersicht -> Allgemeines - Nonprint

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.