[CSS] alle Rahmenlinien einblenden und färben

Dieses Thema im Forum "Webdesign" wurde erstellt von joker.org, 1. April 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 1. April 2009
    alle Rahmenlinien einblenden und färben

    Hallo zusammen,

    ich möchte gerne mit CSS eine Tabelle folgendermaßen aufbauen:

    Wie ist so etwas möglich mit CSS?

    Es sollen im Prinzip nur der Außenrahmen und die Zeilen eingeblendet werden....

    Zur Info: Die Tabelle besteht aus 4 Spalten, die aber später im Web nicht sichtbar sein sollen (nur als eine Zeile erkennbar).

    Wäre schön, wenn mir jemand helfen könnte.

    Die Funktion border: solid; etc... und width: 4px; habe ich schon versucht, jedohc wrd dabei nur der Außenrahmen gezeichnet.

    Bewertungen sind Ehrensache.

    Danke.

    Gruß joker.org
     
  2. 1. April 2009
    AW: alle Rahmenlinien einblenden und färben

    border funktioniert mit tr nicht, du musst es über td machen.
     
  3. 1. April 2009
    AW: alle Rahmenlinien einblenden und färben

    habs dir eben mal für eine zeile getippt. wäre natürlich sinnvoll die CSS Zeilen als klassen anzulegen! sonst haste bald nen sehr unübersichtlichen Code! Habs nur im FF getestet sollte aber überall gehen.wichtig ist u.a. der border-collapse befehl! sonst hast du Lücken!

    die   sind natürlich nur Platzhalter...

    hier mein Ergebniss:

    Code:
    <html>
     <head>
     </head>
     <body>
     <table style="border-collapse:collapse;">
     <tr>
     <td style="border: 1px solid black; border-right: 0px;">
     &nbsp;
     </td>
     <td style="border-bottom: 1px solid black;border-top: 1px solid black;">
     &nbsp;
     </td>
     <td style="border-bottom: 1px solid black;border-top: 1px solid black;">
     &nbsp;
     </td>
     <td style="border: 1px solid black;border-left: 0px;">
     &nbsp;
     </td> 
     </tr>
     </table>
     </body>
    </html>
    hoffe konnte helfen. gruß wurm
     
  4. 1. April 2009
    AW: alle Rahmenlinien einblenden und färben

    @ Wurm666: Vielen Dank. Deine Lösung hat einwandfrei funktioniert

    Bewertung habe ich an alle abgegeben.

    Thanks a lot

    Gruß joker.org
     
  5. 1. April 2009
    AW: alle Rahmenlinien einblenden und färben

    eleganter:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html dir="ltr" lang="de">
     <head>
     <title>Tabelle mit Rahmen</title>
     <style type="text/css">
     /* <![CDATA[ */
     table {
     border: 1px solid #000000;
     border-bottom: 0px none;
     }
     
     table tr > td {
     border-bottom: 1px solid #000000;
     }
     
     /* verschachtelte tabelle(n) nicht formatieren */
     table table, table table tr td { border: 0 none; }
     /* ]]> */
     </style>
     </head>
     <body>
     <table cellspacing="0">
     <tr><td>hallo</td></tr>
     <tr><td><table><tr><td>hallo</td></tr></table></td></tr>
     </table>
     </body>
    </html>
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.