zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bestimmte Zeilenlinien bei einer Tabelle anzeigen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.12.2020, 13:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2017
Beiträge: 15
taotao2 befindet sich auf einem aufstrebenden Ast
Standard Bestimmte Zeilenlinien bei einer Tabelle anzeigen

Hallo,

ich würde gerne bei einer HTML-Tabelle nur bestimmte Linien anzeigen. Wie könnte man das machen?
Z.B. hat eine Tabelle 4 Zeilen. Ich möchte dann, dass in der letzten Zeile die obere Linie angezeigt wird. Ich habe es mit
Code:
border: thin solid #a0a0a0;
border-top-width: medium;
versucht und es im <tr> eingebaut, aber es wurde keine Linie angezeigt.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.12.2020, 14:15
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Das kommt auf deinen HTML-Quelltext und das restliche CSS an, die wir nicht kennen.

Dein CSS ist korrekt und funktioniert richtig angewendet. Ein Beispiel:

Code:
<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Tabelle</title>
   <meta name="description" content="HTML5, CSS3">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>

   @media all {
      * {
         box-sizing: border-box;
      }
      html {
         font-size: 120%;
      }
   }

   /*Grundeinstellungen für Tabellen*/
   @media all {
      table {
         /*Zell-Zwischenräume-Standard-Werte:;
         border-collapse: separate;
         border-spacing: 2px;*/
         border-collapse: separate; /*Zellzwischenräume*/
         border-collapse: collapse; /*keine Zell-Zwischenräume*/
      }
      th,
      td {
         text-align: left;
         vertical-align: top;
         padding: 0.3rem 0.7rem;
      }
   }

   /*Spezielle Einstellungen für diese Tabelle*/
   @media all {
      tbody tr:last-child{
         border: thin solid #a0a0a0;
         border-top-width: medium;
      }
   }

   </style>
</head>
<body>
   <main>
      <table>
         <thead>
            <tr>
               <th></th>
               <th>Banane</th>
               <th>Orange</th>
               <th>Kiwi</th>
               <th>Erdbeere</th>
               <th>Mandarine</th>
               <th>Mango</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <th>VW</th>
               <td>0101</td>
               <td>0102</td>
               <td>0103</td>
               <td>0104</td>
               <td>0105</td>
               <td>0106</td>
            </tr>
            <tr>
               <th>Mercedes</th>
               <td>0201</td>
               <td>0202</td>
               <td>0203</td>
               <td>0204</td>
               <td>0205</td>
               <td>0206</td>
            </tr>
            <tr>
               <th>Audi</th>
               <td>0301</td>
               <td>0302</td>
               <td>0303</td>
               <td>0304</td>
               <td>0305</td>
               <td>0306</td>
            </tr>
            <tr>
               <th>BMW</th>
               <td>0401</td>
               <td>0402</td>
               <td>0403</td>
               <td>0404</td>
               <td>0405</td>
               <td>0406</td>
            </tr>
         </tbody>
      </table>
   </main>
</body>
</html>

Geändert von MrMurphy (07.12.2020 um 14:29 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.12.2020, 15:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2017
Beiträge: 15
taotao2 befindet sich auf einem aufstrebenden Ast
Standard

Danke hat geklappt.
Bei mir fehlte ein
Code:
border-collapse: collapse; /*keine Zell-Zwischenräume*/
damit es geht. Warum das so ist weiß ich nicht.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bilder im html mit Placeholder bestimmte Male anzeigen? Killaoptik (X)HTML 1 29.05.2012 17:12
externe Seite in Tabelle anzeigen vipersgarden CSS 10 31.03.2009 13:38
geschachtelte Tabelle oder wie Master-Detail anzeigen? tesa (X)HTML 5 22.03.2009 20:30
tabelle nur oberen rand anzeigen bl3nder CSS 6 05.09.2007 11:47
Tabelle - bestimmte Spalte aussehen definieren krakos CSS 1 24.05.2006 05:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:01 Uhr.