Erstellen Sie Tabelle mit nur unteren Rand in HTML

Ich versuche, den Teil des Mitarbeiterverzeichnisses Teil dieser Seite von CSS, Javascript und HTML in nur HTML zu kopieren. Am wichtigsten wäre, ich würde gerne in der Lage sein, einen Tisch zu machen, wie Sie hier sehen, mit nur den unteren Grenzen/Teiler (oder wie auch immer sie heißen) für jede Zeile. Wie mache ich das?Erstellen Sie Tabelle mit nur unteren Rand in HTML

http://sps.columbia.edu/about/staff-directory

Dank!

Edit:

ich nur HTML benötigen, kein CSS bitte. Trotzdem danke!

Quelle

2016-11-30 Lorber

ich würde vorschlagen, dass Sie zuerst den Code/css des Personals Verzeichnis überprüfen, die Sie zu kopieren versuchen und sehen, wie die tu es. Dann versuchen Sie Ihre Lösung. Wenn Sie immer noch stecken, schreiben Sie Ihren Code hier und wir können Ihnen helfen. – haltersweb

Danke für Ihre Hilfe, aber ich brauche es nur in HTML. Ich kann CSS oder etwas anderes als HTML nicht verwenden. – Lorber

Können Sie Inline-Stile in Ihrem HTML verwenden? – haltersweb

einfach den folgenden Code-Snippet und fügen Sie ihn in Sie

tr { 
border-bottom: 1px solid #ccc; 
}

Ohne Verwendung style.css

<table> 
    <tr style="border-bottom: 1px solid red"> 
    <td>Table Cell</td> 
    </tr> 
</table>

Quelle

2016-11-30 18:51:24 Martin2904

Danke für Ihre Hilfe, aber ich brauche es nur in HTML. Ich kann CSS oder etwas anderes als HTML nicht verwenden. – Lorber

hat nur die html-only-Version hinzugefügt. – Martin2904

Ich glaube Style.css Sie die Grenze vom Tisch entfernt werden soll. Verzeichnis tr und fügen Sie es dem tbody-Element hinzu.

Das wird Ihnen eine Grenze nur zwischen jedem Abschnitt geben.

Quelle

2016-11-30 18:51:36 bytanyar

Ah ich denke, ich bin hier nicht klar, aber ich möchte nur die grauen Linien, die unter jeder Zeile Text in der Tabelle ist. Ich kann nicht in der Lage sein, es in HTML, nur regelmäßig, alle Seiten einer in Tabellen eingerahmten Zeile neu zu erstellen. Weißt du wie das geht? – Lorber

können Sie zwischen jeder Zeile ein Teilerbild einfügen: – bytanyar

Wünschen Sie eine horizontale Linie zwischen Zeilen? Wie zum Beispiel: – bytanyar

könnten Sie diese

<table style="border-bottom: 1px solid black"> 
 
    <tr> 
 
       <td>Someone</td> 
 
     </tr> 
 
    </table>

Quelle

2016-11-30 18:52:13

Hmm, ich sehe, es funktioniert hier im Code-Snippet und ich weiß das zu schätzen.Aber wenn ich versuche, es in den Kontext des Codes zu stellen, ändert sich daran nichts. Es ist nur noch ein normaler Tisch, von allen Seiten eingerahmt. Irgendwelche Gedanken? – Lorber

hmm, sollte es im Kontext des Codes zu ändern –

Ich habe versucht, sogar Ihren genauen Code außerhalb von allem anderen und es ist nur eine normale Tabelle Box. – Lorber

mit Inline-Styles Hier ist eine reine HTML-Version.

Hinweis Stile wie "border-collapse" auf dem Tisch "border-bottom" und "line-height" auf dem TRs und "Breite" auf dem TDs

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 80%; margin: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em;"> 
 
    <tbody> 
 
    <tr style="border-bottom: 1px solid #ccc; line-height: 1.8em;"> 
 
     <td style="width: 70%; font-weight: bold;">Dean</td> 
 
     <td style="width: 30%; text-align: right;">Joe Cool</td></tr> 
 
    <tr style="border-bottom: 1px solid #ccc; line-height: 1.8em;"> 
 
     <td style="width: 70%; font-weight: bold;">Senior Vice Dean</td> 
 
     <td style="width: 30%; text-align: right;">Jane Cool</td></tr> 
 
    <tr style="border-bottom: 1px solid #ccc; line-height: 1.8em;"> 
 
     <td style="width: 70%; font-weight: bold;">Vice Dean</td> 
 
     <td style="width: 30%; text-align: right;">John Doe</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Quelle

2016-11-30 21:11:22 haltersweb

-1

<table border="0" cellpadding="0" cellspacing="0"> 
 
    <tbody> 
 
    <tr> 
 
     <td>Dean</td> 
 
    </tr> 
 
    <tr> 
 
     <td><hr /></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Jane</td> 
 
    </tr> 
 
    <tr> 
 
     <td><hr /></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Scott</td> 
 
    </tr> 
 
    <tr> 
 
     <td><hr /></td> 
 
    </tr> 
 
    
 
    </tbody> 
 
</table>

Quelle

2016-12-04 13:02:50 bytanyar

Erstellen Sie Tabelle mit nur unteren Rand in HTML

Antwort

Verwandte Themen