Wie die Zeilen der Spalte als schwarz

-1

Die machen die Spalten der Tabelle als schwarz (beide Umrisse und innen)Wie die Zeilen der Spalte als schwarz

<table width=80% border=0 cellspacing=0 cellpadding=3 align=center> 
<tr><td colspan=2><font face=verdana size=5 color=#999999>XYZ| </font><font face=Tahoma size=5>ABC</font></td></tr><tr 
bgcolor=#6DA2D7><td colspan=2 height=13></td> 
<td align=left><font face=Tahoma size=2 color=#ffffff> Date</td> 
<td align=right><font face=Tahoma size=3 color=#ffffff> Monitoring</td></tr> 
<td align=left><font face=Tahoma size=2 color=#000000> Tool hourly report</td> 
<table width=70% border=1 cellspacing=0 cellpadding=3 align=center 
<tr style="background-color: #256B9C;"> 
<th COLSPAN=3 align=left ><font face=Tahoma size=2 color=#ffffff >Disk Space</th></tr> 
<tr style="background-color: #256B9C;"> 
<th><font face=Tahoma size=2 color=#ffffff>Machine</th> 
<th><font face=Tahoma size=2 color=#ffffff>Status</th> 
</tr> 
<tr style="background-color: #FFFFFF;"> 
<td align=center ><font face=Tahoma size=2 color=#000000>BN [email protected]</td> 
<td align=center><font face=Tahoma size=2 color=#000000>85 % full</td> 
</tr> 
<tr style="background-color: #FFFFFF;"> 
<td align=center><font face=Tahoma size=2 color=#000000>GH [email protected]</td> 
<td align=center><font face=Tahoma size=2 color=#000000>51 % full</td> 
</tr> 
<tr style="background-color: #FFFFFF;"> 
<td align=center><font face=Tahoma size=2 color=#000000>US1 [email protected]</td> 
<td align=center><font face=Tahoma size=2 color=#000000>1 % full</td> 
</tr> 
<tr style="background-color: #FFFFFF;"> 
<td align=center><font face=Tahoma size=2 color=#000000>US2 [email protected]</td> 
<td align=center><font face=Tahoma size=2 color=#000000>9 % full</td> 
</tr> 
</table></td>

Quelle

2010-11-23 Kimi

vielleicht ein Mock-up Bild von dem, was das Ergebnis möchte aussehen würde helfen, Ihre Anfrage zu entziffern . –

Ihr Ausgang ist nicht gut ausgebildet. – drudge

@jnpcl Untertreibung des Jahres. @Kimi Ich meine das auf die bestmögliche Weise: Ich schlage vor, dass du dich von jedem Code fern bleibst, bis du mindestens ein paar Artikel über HTML und CSS Grundlagen gelesen hast. – Damien

Nur weil Ihr Original-Code mein Gehirn verletzt gemacht:

<style type="text/css"> 
.mainTable { border-collapse: collapse; font-family: Tahoma, sans-serif; margin: 0 auto; width: 80%; } 
.mainTable td, .mainTable th { padding: 3px; } 
.mainTable .branding { color: #999999; } 
.mainTable .header { background-color: #6DA2D7; color: #FFFFFF; } 
.mainTable .small { font-size: small; } 
.mainTable .x-large { font-size: x-large; } 
.mainTable .left { text-align: left; } 
.mainTable .right { text-align: right; } 
.mainTable .center { text-align: center; } 
.mainTable .odd { background-color: #FFFFFF; } 
.mainTable .even { background-color: #EEEEEE; } 

.subTable { border: 1px solid #000000; border-collapse: collapse; margin: 0 auto; width: 90%; } 
.subTable td { border-bottom: 1px solid #000000; border-right: 1px dotted #000000; } 
.subTable .header { background-color: #055770; border: 1px solid #000000; } 
.subTable .subheader { background-color: #256B9C; border: 1px solid #000000; color: #FFFFFF; } 
.subTable .high { color: #FF0000; font-weight: bold; } 
.subTable .med { color: #FF9900; } 
.subTable .low { color: #009900; } 
</style> 

<table class="mainTable"> 
    <tr><td class="x-large" colspan="3"><span class="branding">XYZ|</span> ABC</td></tr> 
    <tr class="header"><td>&nbsp;</td><td class="small">Date</td><td class="right">Monitoring</td></tr> 
    <tr><td class="small">Tool hourly report</td><td colspan="2">&nbsp;</td></tr> 
    <tr> 
     <td colspan="3"> 
      <table class="subTable small center"> 
       <tr class="header left"><th colspan="3">Disk Space</th></tr> 
       <tr class="subheader"><th>Machine</th><th>Status</th></tr> 
       <tr class="odd"><td>BN [email protected]</td><td class="high">85% full</td></tr> 
       <tr class="even"><td>GH [email protected]</td><td class="med">51% full</td></tr> 
       <tr class="odd"><td>US1 [email protected]</td><td class="low">1% full</td></tr> 
       <tr class="even"><td>US2 [email protected]</td><td class="low">9% full</td></tr> 
      </table> 
     </td> 
    </tr> 
</table>

Quelle

2010-11-23 20:09:46 drudge

Es ist schwer zu machen zu sagen, was genau Sie suchen, aber vielleicht ist es die CSS-Eigenschaft border-collapse?

Zum Beispiel:

<table border="1" style="border-collapse:collapse">

Quelle

2010-11-23 17:39:31

Wie die Zeilen der Spalte als schwarz

Antwort

Verwandte Themen