steo: probleme mit tabellen

So ich hab versucht mit hilfe der Stylesheets meine Tabellen zu formatieren aber irgendwie hab ich da Probleme.

Meine .htm datei:
_________________________________________________________________
<html>
<head><link rel="stylesheet" type="text/css" href="sample.css">
<title>table-layout</title>
</head>
<body>

<h1>hallo</h1>
<table border>
<colgroup span="3" style=""></colgroup>
<tr>
<td style="width:100px">123456789012345678901234567890123456789012345678901234567890</td>
<td style="width:200px">123456789012345678901234567890123456789012345678901234567890</td>
<td style="width:300px">123456789012345678901234567890123456789012345678901234567890</td>
</tr>
</table>

</body></html>
__________________________________________________________________

Meine Sample.css Datai
__________________________________________________________________

table border {table-layout:fixed;}
__________________________________________________________________

Es handelt sich hier um eine Übung aus Self html ich will halt die Tabellenzellen gefixt bekommen wie mache ich das? bzw Was hab ich hier falsch gemahct?

  1. Wie äussern sich denn die Probleme?

    1. Wie äussern sich denn die Probleme?

      Ja, diese Frage stelle ich mir auch...
      BTW: Ich würde der Seite eine DTD verpassen, die die aktuellen Browser in den Standardkompatiblen Modus schaltet. Andernfalls bin ich mir gar nicht so sicher, ob table-layout:fixed funktioniert.

      <table border>

      Atttibute gehören in Anführungszeichen:
      <table border="1">

      table border {table-layout:fixed;}

      Hiermit versuchst du deinen Tabellen-Border zu formatieren..?

      Gruß, rob

  2. Hallo steo,

    Was hab ich hier falsch gemahct?

    nicht richtig gelesen?

    es ist ja rühmlich, dass du dich mit css beschäftigen willst. css muss man aber auf etwas anwenden, was in deinem fall wohl html sein soll. da macht es sinn, ersteinmal das zu verstehen, bevor man sich gleich ins css-abenteuer stürzt. also nochmal seite eins von selfhtml aufschlagen!

    ist jetzt nicht so gemeint, wie es vielleicht klingt, aber du hast da erstmal html-fehler drin. warum willst du überhaupt mit tabellen arbeiten und was soll die position fixed haben?

    gruß

    HP

    1. Als ich hier meinen erste post gesetzt hab wurde mir gesagt lern lieber beides gleichzeitig...
      ...entscheided euch was ihr wollt... ...natürlich hat jeder seine eigene Meinung und ich persönlich sehe es auch so dass man zuerst das Grundscript lernen sollte bevor man mit CSS anfängt.

      Ich hab in meinen Seiten auch CSS-styles drin aber kein komplizierten, z.B. einer der margin width und - height seitenübergreifend kontrolliert. Aber mehr brauch man auch zu Beginn nicht. Mann bekommt auch nette Seiten ohne CSS hin auch wenn sie n Haufen mehr arbeit machen ^.^

      MFG
      Sardo

  3. Hi,

    table border {table-layout:fixed;}

    Du sprichst hier ein nicht vorhandenes _Element_ namens "border" an.

    ich will halt die Tabellenzellen gefixt bekommen wie mache ich das?

    Die Zellen haben überlange Inhalte, die nicht umgebrochen werden können. Wenn Du diese abschneiden willst, solltest Du die hierfür vorgesehene Eigenschaft overflow nutzen.

    freundliche Grüße
    Ingo

  4. Ok nochmal
     in der Übung von Selfhtml ist dieser Quellcode Vorhanden
    ___________________________________________________________________
    <html><head><title>table-layout</title>
    </head><body bgcolor="FFFFFF" text="#000000">

    <table border="1" style="table-layout:fixed">
    <colgroup span="3" style=""></colgroup>
    <tr>
    <td style="width:100px">123456789012345678901234567890123456789012345678901234567890</td>
    <td style="width:200px">123456789012345678901234567890123456789012345678901234567890</td>
    <td style="width:300px">123456789012345678901234567890123456789012345678901234567890</td>
    </tr>
    </table>

    </body></html>
    ___________________________________________________________________

    Der Funktioniert auch und is ja alles schön und gut aber nur nicht im CSS Format, sondern halt alles in html.
    Was muss ich in die CSS datei reinschreiben damit ich das selbe erreiche wie mit der dritten Zeile: <table border="1" style="table-layout:fixed"> in HTML hab ich es verstanden nur wie man es im CSS macht weiss ich nicht. Mein Lehrer ist auch demhinsichtlich ratlos.

    1. Hi,

      <table border="1" style="table-layout:fixed">
      Der Funktioniert auch und is ja alles schön und gut aber nur nicht im CSS Format

      doch! Über style="" wird eine CSS-Eigenschaft definiert. Nun nehme diese Eigenschaft un weise sie dem hiermit definiertem Element zu.

      freundliche Grüße
      Ingo

      1. und wie siehts dann aus schreib mir ma die Zeile so wie sie in der CSS Datei dann aussieht....

        1. Hi,

          und wie siehts dann aus schreib mir ma die Zeile so wie sie in der CSS Datei dann aussieht....

          hier ist selbermachen angesagt... ;-)
          Informiere Dich über Formate für HTML-Elemente definieren. Und unterscheide zwischen Elementen und Attributen.

          freundliche Grüße
          Ingo