[HTML] tables (wie macht man das heutzutage?)

Dieses Thema im Forum "Webentwicklung" wurde erstellt von zack01, 6. Oktober 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 6. Oktober 2006
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    tables (wie macht man das heutzutage?)

    Hey
    ich habe html ca vor 1 1/2 Jahren gelernt und da wurde noch alles mit tables gemacht wie:
    Bild
    {img-src: http://de.selfhtml.org/html/tabellen/aufbau.png}
    Doch ich habe gehört man kann das auch effektiver mit css machen...
    Habe nur sehr kleine Css erfahrungen
    Wie geht das am effektivsten?
    habe gegoogelt und vieles gefunden aber ich weiss nicht wirklich was das beste ist...
    Ich wäre auch mit LINKS zufrieden! Aber immer mit Kommentar wie ihr das macht!

    Vielen Dank! Renomee für hilfreiche Antworten!
     
  2. 6. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    tabellen werden nach wie vor so gemacht, das war nie anders - css werden zur gestaltung benutzt.
     
  3. 6. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    Man geht heutzutage nur dazu über, alles mit <div> Elementen zu machen. Man nimmt diese und per CSS oder style-Attribute setzt man sie auf position:absolute und erhält so die Box immer am selben Fleck. Beispiel:
    Code:
    <div style="position:absolute;top:200px;left:300px;width:400px;height:500px;border:1px;">
    das is der Text
    </div>
    
     
  4. 6. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    hier ein Link, damit du dich mal mit CSS auseinander setzen kannst
    SELFHTML: Stylesheets (CSS)
     
  5. 6. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    Das ganze nennt sich Barrierefreies Webdesign und ist fuer behinderte Menschen. Dabei laesst man saemtliche Tabellen weg und arbeitet mit CSS. Die Felder werden in der CSS Datei definiert (Groesse...) und dann per div-Tag dargestellt.

    Barrierefreies Webdesign für ein zugängliches und nutzbares Internet
     
  6. 6. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    ok das hoert sich ziemlich interessant an! Wuerdet ihr das emphaelen oder soll ich doch lieber bei meinen guten alten tables bleiben?

    EDIT:// hab mir die website angekuckt aber mir kommt es vor, dass da nur infos stehen wie ich wesiten erstelle fuer shebehinderte... lieg ich da komplett falsch?
     
  7. 6. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    Wie schon gesagt handelt es sich dabei um eine Form von Webseiten, die behindertengerecht ist. Das ist modernes Webdesign. Es kann nicht schaden, dass zu nutzen. Probiers doch einfach mal!
     
  8. 6. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    Man sollte auf jeden Fall auf Tabellen im Layout verzichten. Eine Tabelle wird erst angezeigt, wenn sie komplett geladen wurde. Wenn die ganze Seite also in einer Tabelle liegt, wird diese erst sichtbar, wenn alle Inhalte geladen wurden. (ausgenommen Bilder) Layer haben den unschlagbaren Vorteil, dass sie einzeln angezeigt werden können. So hat es teilweise den Effekt, als ob sich nur der Content ändert. (insofern der Browser das ordentlich macht =)) Bei Layern kann man beeinflussen in welcher Reihenfolge sich die Seitenelemente aufbauen. (erst header, dann Navi dann, Content, oder doch besser den Content zuerst und den Header am Schluss?) Layer kann man "stapeln" oder besser gesagt übereinander legen ..es lassen sich Seiteninhalte einfach dahin verschieben wo sie hin sollen.

    Gibt noch ein paar mehr Vorteile aber das sind erst mal die Gängigsten. Wenn du lernen willst mit Layern zuarbeiten, dann nimm dir ein Design und code es damit. Anders geht es nicht. xD Bei google, selfhtml, css4you oder auch hier wird die sicher geholfen.

    Wenn du kein css kannst, ist das nicht weiter schlimm. Man kann das gleichzeitig lernen. Layer ohne css geht eh nicht (wirklich).^^ Du musst es nur konsequent Durchziehen! Validiere deine Seite möglichst oft damit: http://validator.de.selfhtml.org/ und auch http://jigsaw.w3.org/css-validator/validator-uri.html Wenn du dort Fehler erhälst, löse sie bevor du weiter machst. (Die Warnungen ernst nehmen aber manchmal sind sie wirklich sinnlos^^ xD)

    Als DocType empfehle ich
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    später dann xhtml (auch strict)

    greetz blackbone

    Links gibts viele bei google, Stichwörter:
    - div
    - layer
    - css
    ...viel mehr is da nich^^
     
  9. 6. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    Kann blackbone da nur zustimmen
    Außerdem ist es um einiges leichter und mit weniger Aufwand verbunden,
    wenn man sich einmal an Layer gewöhnt hat.

    Wirkliche Tabellen werden zwar noch mit <table> geschrieben,
    im Layout haben die allerdings nichts verloren,

    Ich kann dir das Buch "Professionelles Webdesign mit (X)HTML und CSS"
    (ISBN: 3898427358, ~30€ )empfehlen,
    das hat mir den Umstieg auch um einiges erleichtert

    Gruß,

    KleinerKlopfer
     
  10. 7. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    deine antwort hat mir bisjetzt am meisten geholfen danke! Was für eine endung soll die datei dann haben .xhtml oder soll ich bei .html bleiben?
     
  11. 7. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    W3C XHTML2 Working Group Home Page
    W3C XHTML2 Working Group Home Page

    Da mal drüberschauen da ist alles genausten erklärt. Zusätzlich gibts auf der Seite noch einen Validator bei dem du deine Seite angeben kannst welche dann auf nicht standard-mäßiges HTML überprüft wird.

    FlowFlo
     
  12. 7. Oktober 2006
    AW: tables (wie macht man das heutzutage?)

    :]

    Die Endung ist bei html-Datei ist immer .html (oder .htm).

    Der DocType gibt nur an wie das html "formatiert" ist, eine Information für den Browser damit er alles korrekt darstellen kann. Ich rate dir wirklich html und nicht xhtml zunehmen. Ein späterer Umstieg kostet dich maximal eine Stunde... (ich mein das Umdenken, nicht das Konvertieren einer bestehenden Seite)

    Der DocType kommt als allererstes in der .html Datei.
    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Beschreibung der Seite</title>
    </head>
    <body>
    
    </body>
    </html>
    siehe: SELFHTML: HTML/XHTML / Allgemeine Regeln f

    Wenn du Probleme mit dem doctype hast, kannst du auch den Transitional nehmen. Allerdings bin ich der Meinung, dass wenn man was neu anfängt gleich alles "ordentlich" lernen sollte - sonst muss man sich später nur umgewöhnen. Strict zwingt dich dazu wirklich css zu benutzen, da der Validator sonst streikt. Google einfach nach den Unterschieden. Strict weist mehr in Richtung Zukunft..

    greetz blackbone
     
  13. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.