Veröffentlicht 9. Januar 200619 j Ich will eine Tabelle mit CSS erstellt haben, Problem ist aber das die zwischenlinien also die horizontalen (die von oben nach unten) die zwei Felder voneinander trennen nicht angezeigt werden. Woran liegts? BODY { background-color: #FFDAB9 } #text { font-family:Verdana; color:black; font-size:small; } #tabelle { background-color:#FFEFD5; width:900px; border-color:#F4A460; border-style:solid; border-width:thin; } #tabellenfeld { width:150px; } Danke schonmal
9. Januar 200619 j Ich will eine Tabelle mit CSS erstellt haben, Problem ist aber das die zwischenlinien also die horizontalen (die von oben nach unten) die zwei Felder voneinander trennen nicht angezeigt werden. Woran liegts? BODY { background-color: #FFDAB9 } #text { font-family:Verdana; color:black; font-size:small; } #tabelle { background-color:#FFEFD5; width:900px; border-color:#F4A460; border-style:solid; border-width:thin; } #tabellenfeld { width:150px; } Danke schonmal also die horizontalen gehen meistens von links nach rechts, es sei du bist in china, da gehts dann von rechts unten nach links oben, manchmal heisst aber auch nur vertikal ... ich verstehe dich nicht, also von oben nach unten verstehe ich nicht das problem
9. Januar 200619 j Woran liegts? #tabellenfeld { width:150px; } Weil nur deine Tabelle einen Rahmen hat, aber nicht die Felder? Es ist kein <table border="1"... oder so #tabellenfeld { width:150px; border: thin solid #F4A460; }
9. Januar 200619 j So siehst in der externen CSS Datei aus, müsste ja eigentlich gehn oder? Tuts aber net BODY { background-color: #FFDAB9 } #text { font-family:Verdana; color:black; font-size:small; } #tabelle { background-color:#FFEFD5; width:900px; border-color:#F4A460; border-style:solid; border-width:thin; } #tabellenfeld { width:150px; border: thin solid #F4A460; } Habs dann auch mal direkt probiert die CSS Befehle in die HTML Seite einzubauen: <style type='text/css'>BODY { background-color: #FFDAB9; }</style> <table style='width:900px; background-color:#FFEFD5; border-color:#F4A460; border-style:solid; border-width:thin;'> klappt aber leider auch nicht
9. Januar 200619 j Hi! Ich konnte Deine Frage zwar auch nicht entziffern, aber wenn man Ordnung in Deine Code-Suppe bringt, dann erhält man auch ein ganz gutes Ergebnis: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de"> <head> <title>Test</title> <style type="text/css"> body { background: #FFDAB9; } table { background: #FFEFD5; width: 900px; border: thin solid #F4A460; } td { width: 150px; border: thin solid #F4A460; font: small Verdana, sans-serif; color: black; } </style> </head> <body> <table> <tr> <td>Hallo Welt!</td> <td>Hallo Welt!</td> <td>Hallo Welt!</td> <td>Hallo Welt!</td> </tr> <tr> <td>Hallo Welt!</td> <td>Hallo Welt!</td> <td>Hallo Welt!</td> <td>Hallo Welt!</td> </tr> <tr> <td>Hallo Welt!</td> <td>Hallo Welt!</td> <td>Hallo Welt!</td> <td>Hallo Welt!</td> </tr> </table> </body> </html> Gruß, Tobias
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.