zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Tabelle Rahmen schwarz, Zellen grau

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.09.2011, 10:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.07.2011
Beiträge: 17
Daniel86 befindet sich auf einem aufstrebenden Ast
Standard Tabelle Rahmen schwarz, Zellen grau

Hallo Forum,
kann mir wer sagen, wie ich eine Tabelle mittels CSS so formatiere, dass ich einen schwarzen 1px Rahmen habe und graue 1px Gitternetzlinien?

so gehts nicht:
Beispiel

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" />
         <style type="text/css">
         #Produktbeschreibung td, #Produktbeschreibung th {
                             padding:0 5px;
                             border-width: 1px;
                             border-style: solid;
                             border-color: #CCCCCC;
                             }


         #Produktbeschreibung table {
                             border-width: 1px;
                             border-style: solid;
                             border-color: #000000;
                             border-collapse: collapse;
                             margin-bottom: -1px;
                             }
         </style>
</head>

<body>
<div id="Produktbeschreibung">



<table summary="Produktdetails">
         <colgroup>
             <col width="400" />
             <col width="100" />
         </colgroup>
         <th colspan="2">Leistung</th>                                                          </tr>
         <tr>    <td>Nennspannung</td>                 <td>12V</td>                                     </tr>

         <th colspan="2">Elektrische Merkmale</th>
         <tr>    <td>Temperaturkoeffizient von I<sub>sc</sub> (&alpha;)</td> <td>0,0745%/°C</td>             </tr>
         <tr>    <td>Maximale Systemspannung</td>                       <td>50V</td>                    </tr>
</table>
<table summary="Produktdetails">
         <colgroup>
            <col width="150" />
            <col width="350" />
         </colgroup>
         <th colspan="2">Mechanische Merkmale</th>
         <tr>    <td>Maße</td>                <td>Länge: 364mm Breite: 287mm Tiefe: 28mm</td>            </tr>
         <tr>    <td>Aufbau</td>              <td>Front: Hochdurchlässiges 3,2mm gehärtetes Glas<br />
</table>





</div><!--Ende Produktbeschreibung!-->
</body>
</html>

und noch eine Frage: kann ich innerhalb einer Tabelle eine neue Spaltenbreite definieren? Hier habe ich ja eine neue Tabelle angelegt, um eine neue Spaltenbreite zu bekommen, finde ich etwas unelegant.

Danke für eure Hilfe!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.09.2011, 02:18
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

HTML-Code:
<div id="Produktbeschreibung" style="border: 1px solid rgb(0, 0, 0); width: 500px; padding-bottom: 1px;">
...funktioniert in deinem Beispiel - ohne Garantie
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.09.2011, 00:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.07.2011
Beiträge: 17
Daniel86 befindet sich auf einem aufstrebenden Ast
Standard

Es scheint wohl keine direkte Definition zu geben...
so geht's ja auch.
THX 4 helping!
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
Tabellen Rahmen um einzelne Zellen seeadler CSS 13 09.11.2010 23:50
CSS Tabelle mit Rahmen noxz CSS 4 21.06.2010 13:17
Tabelle: Inhalt von Zellen vertikal ausrichten Calypso CSS 1 11.11.2006 15:50
Hintergrundbilder für Zellen einer Tabelle VanKurt CSS 3 26.09.2006 18:52
Dünner Rahmen um Tabelle phpX CSS 9 07.02.2006 18:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:23 Uhr.