html + css +tabelle

[peter schneider]

hallo zusammen,

an diesem problem beisse ich mir noch die zähne aus, also ich müsste eine tabelle haben, bei welchem NUR die horizontalen linien gepunktet sind (=dotted). ich versuchte es extern mit css zu definieren und dann mit style=css reinzuladen, ging aber nicht. wie programmiert man am einfachsten eine solche tabelle?

gruss

peter

[Steel]

Hi!

Da Du uns deine Versuche vorenthaelst, kann ich Dir nur sagen, was Du eigentlich schon wissen solltest.

In der HTML Datei mit der Tabelle das exterene Stylesheet einbinden (http://de.selfhtml.org/css/formate/einbinden.htm#separat)und den Zellen im CSS per border den Rand am unteren Teil verpassen (http://de.selfhtml.org/css/eigenschaften/rahmen.htm).

Wie du den Zellen jetzt das CSS zuordnest, ueberlasse ich Dir. Anbieten wuerde sich eine Tabelle mit ID ueber die man dann die Zellen anspricht.

Kleine Anmerkung am Rand: Man programmiert so eine Tabelle nicht. Jedenfalls nicht mit HTML und CSS. Dazu muessten es Programmiersprachen sein. Nenn es meinetwegen coden oder einfach erstellen.

Bei mir wuerde es so aussehen (alternativ ohne ID):

#TabellenID td
{
 border-bottom: 1px dotted #ffffff;
}

[steckl]

Hi,

an diesem problem beisse ich mir noch die zähne aus, also ich müsste eine tabelle haben, bei welchem NUR die horizontalen linien gepunktet sind (=dotted).

wie programmiert man am einfachsten eine solche tabelle?

Verwende beispielsweise folgendes CSS (getestet im FF2):

  
  
 table {  
   border-collapse:collapse;  
 }  
  
 table td {  
     padding: 0;  
     margin: 0;  
     border-bottom: 5px dotted black;  
     border-top: 5px dotted black;  
 }  

ich versuchte es extern mit css zu definieren und dann mit style=css reinzuladen, ging aber nicht.

Kapier ich nicht.

mfG,
steckl

[Gunnar Bittersmann]

Hello out there!

hallo zusammen,

an diesem problem beisse ich mir noch die zähne aus, also ich müsste eine tabelle haben, bei welchem NUR die horizontalen linien gepunktet sind (=dotted).

Dann wäre ein oberer oder unterer Rahmen [CSS2 §8.5; http://de.selfhtml.org/css/eigenschaften/rahmen.htm@title=SELFHTML] für die Tabellen_zeilen_ zu setzen, also für 'tr', nicht für 'td'.

Damit die 'border'-Eigenschaft für 'tr' Wirkung zeigt, muss das entsprechende Rahmenmodell mit zusammenfallenden Rahmen [CSS2 §17.6] gewählt werden.

Mit den Pseudoklassen ':first-child' [CSS2 §5.11.1; http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm@title=SELFHTML] bzw. ':last-child' [CSS3] kann der Rahmen für die erste bzw. letzte Zeile entfernt werden.

See ya up the road,
Gunnar