Ergebnis 1 bis 5 von 5

Thema: Tabelle mit CSS

  1. #1
    HTML Newbie
    Registriert seit
    07.10.2011
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Tabelle mit CSS

    Moin!

    Bin Anfänger und möchte mit CSS eine Tabelle erstellen. Dabei soll die Hintergrundfarbe und die BottomLine durchgezogen sein. Stattdessen macht er trotzdem Freiraum zwischen die einzelnen Zellen. Was muss ich in die CSS Definitionen noch reinschreiben?

    Vielen Dank!


    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Tabellen Test</title><style type="text/css">
    table {    border: 0px solid black;    border-spacing: 0px;    color: black;}table thead tr {    font-family: Verdana, Geneva, sans-serif;    font-size:14px;}table thead tr th {    border-bottom: 2px solid black;    margin: 0px;    padding: 2px;    background-color:#999;}table tr {    font-family:Verdana, Geneva, sans-serif;    font-size: 14px;    background-color: white;}table tr.odd {     background-color:#CCC;}table tr td,th {    border-bottom: 1px solid black;    padding:2px;}</style></head>
    <body>            <table summary="Summary">            <caption>Caption</caption>              <thead><tr>                <th scope="col">Head</th>                <th scope="col">Gead</th>                <th scope="col">Head</th>                <th scope="col">Head</th>                </tr>                </thead>                <tr>                <td>Daten</td>                <td>Daten</td>                <td>Daten</td>                <td>Daten</td>                </tr>                <tr class="odd">                <td>Daten</td>                <td>Daten</td>                <td>Daten</td>                <td>Daten</td>                </tr>                <tr>                <td>Daten</td>                <td>Daten</td>                <td>Daten</td>                <td>Daten</td>                </tr>              </table></body></html>
    Edit: Entschuldigung für die komische Formatierung!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Tabelle mit CSS

    Wenn ich das richtig erkenne in dem Wust fehlt dir "border-collapse".

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    07.10.2011
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Tabelle mit CSS

    Hab "border-collapse mal reingeschrieben und unten ein Foto wie die Tabelle aussieht.

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Tabellen Test</title><style type="text/css">
    th: header-cell: Text is bold and centered.td: Standard/Data-cell: Text is regular and left aligned.
    table {    border: 0px solid black;    border-collapse:collapse;    border-spacing: 0px;    color: black;}table thead tr {    font-family: Verdana, Geneva, sans-serif;    font-size:14px;}table thead tr th {    border-bottom: 2px solid black;    margin: 0px;    padding: 2px;    background-color:#999;}table tr {    font-family:Verdana, Geneva, sans-serif;    font-size: 14px;    background-color: white;}table tr.odd {     background-color:#CCC;}table tr td,th {    border-bottom: 1px solid black;    padding:2px;}</style></head>
    <body>    <table summary="Summary">    <caption>Caption</caption>    <thead><tr>    <th scope="col">Heim</th>    <th scope="col">Gast</th>    <th scope="col">S&auml;tze</th>    <th scope="col">B&auml;lle</th>    </tr>    </thead>    <tr>    <td>Daten</td>    <td>Daten</td>    <td>Daten</td>    <td>Daten</td>    </tr>    <tr class="odd">    <td>Daten</td>    <td>Daten</td>    <td>Daten</td>    <td>Daten</td>    </tr>    <tr>    <td>Daten</td>    <td>Daten</td>    <td>Daten</td>    <td>Daten</td>    </tr>    </table></body></html>
    Tabelle.jpg
    Ich weiß nicht warum der Codes durcheinander ist. Geändert hat sich mit border-collapse aber nichts...

  4. #4
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Tabelle mit CSS

    Hab mir deinen Quellcode mal kopiert und beim Einfügen in den Editor war der CSS-Code nicht valide. Da steht mitten drinne noch irgendetwas was dort nicht reingehört. Mit welchem Editor hast Du den geschrieben? Ich würde dir empfehlen deinen Editor zu kontrollieren oder zu wechseln - dann klappt es auch mit einem vernünftigen CSS-Code.

  5. #5
    Meister(in) Avatar von Teron Gerofied
    Registriert seit
    26.01.2008
    Ort
    serverraum
    Alter
    26
    Beiträge
    347
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Tabelle mit CSS

    Was genau soll das hier sein ?

    Code:
    th: header-cell: Text is bold and centered.td: Standard/Data-cell: Text is regular and left align
    Glaube kaum, dass der Browser das angemessen findet :P

    PS:
    CSS Validation leicht gemacht, für die Zukunft: http://jigsaw.w3.org/css-validator/
    Geändert von Teron Gerofied (12.10.2011 um 16:51 Uhr)
    PHP-Code:
    if(isset($this) || !isset($this)){ // that's the question... 

Ähnliche Themen

  1. Top 10 Tabelle
    Von Michael_Krichbaum im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 17.01.2009, 15:47
  2. MySQL Werte von Tabelle a in Tabelle b eintragen.
    Von Barret im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 08.02.2007, 11:42
  3. Tabelle in Tabelle ausrichten
    Von Mad_Dog im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 27.04.2006, 15:54
  4. Tabelle
    Von hiibäri im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.06.2005, 19:23
  5. Wie bekomme ich eine tabelle in eine tabelle?
    Von SonicChriz im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 25.04.2005, 17:06

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •