zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Forum-Template in html5

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.01.2013, 13:23
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2007
Beiträge: 39
Achmed befindet sich auf einem aufstrebenden Ast
Standard Forum-Template in html5

Servus erst mal.

Da ich mich ein wenig mit html5 beschäftigen wollte, bin ich derzeit dabei ein Forum-Template zu basteln.

Jetzt muss ich aber mal Euch Profis hier fragen, wie Ihr z.B. die Forum-Übersicht bauen würdet.
Die Thread-Ansicht ist mir soweit klar mit section und article.
Aber so eine Foren-Ansicht ist ja eigentlich nichts weiter als eine klassische Tabelle in der die Kategorien und Foren gelistet werden.

Also table vs. section/article. Oder vllt. div?

Wie würdet Ihr das machen?

Danke schon Mal für Eure Antworten.
__________________
gruss
Achmed
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.01.2013, 14:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Zitat:
Aber so eine Foren-Ansicht ist ja eigentlich nichts weiter als eine klassische Tabelle
Nein, eine Forenübersicht ist eine Liste. Eine Tabelle als Layout ist deshalb falsch.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.01.2013, 14:55
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2007
Beiträge: 39
Achmed befindet sich auf einem aufstrebenden Ast
Standard

Hm, also versteh mich bitte nicht falsch... ich will bestimmt keinen Glaubenskrieg anfangen.
Ich würde nur gerne verstehen, warum das keine Tabelle sein soll.
Code:
 Forenliste
+----------------+-------------------+---------+---------+
| Forum          | Letzter Beitrag   | Themen  | Posts   |
+----------------+-------------------+---------+---------+
| Allgemein      | Dolles Thema      |     753 |    2650 |
+----------------+-------------------+---------+---------+
| Besonderes     | Weitere Thema     |       5 |      12 |
+----------------+-------------------+---------+---------+
| Off-Topic      | Bin so müde       |   15689 |  286356 |
+----------------+-------------------+---------+---------+

vs

Währungsliste
+----------------+-------------------+---------+---------+
| Währung        | Letzter Stand     | Min     | Max     |
+----------------+-------------------+---------+---------+
| Euro           |            17,2   |    14,5 |    18,1 |
+----------------+-------------------+---------+---------+
| Dollar         |             6,3   |     4,8 |     7,5 |
+----------------+-------------------+---------+---------+
| Rubel          |            11,4   |     9,3 |    12,4 |
+----------------+-------------------+---------+---------+
Beim zweiten sind wir uns (denk ich mal) einig, dass es eine Tabelle ist.
Was ist beim ersten anders?

Mir gehts nur darum: Bevor ich jetzt anfange mit einem Haufen ul's um mich zu werfen (Was ich nach deiner Aussage ja jetzt machen müsste.), möchte ich wissen warum.
__________________
gruss
Achmed
Mit Zitat antworten
  #4 (permalink)  
Alt 13.01.2013, 15:10
Benutzer
neuer user
 
Registriert seit: 24.07.2011
Beiträge: 83
lolDog befindet sich auf einem aufstrebenden Ast
Standard

Am Anfang dachte ich auch das eine Tabelle quatsch wäre, aber als ich deine Beiträge gelesen habe und kurz drüber nachgedacht habe bin ich eigentlich auch der Meinung das es eher eine Tabelle ist als eine Liste. Eine Tabelle ist ja sogesehen auch nur eine Liste mit eben noch zusätzlichen Spalten und genau das hast du hier ja. Du listet Daten in Spalten und Reiehen auf.
Du würdest ja auch eher Excel anstatt Word benutzen um diese Daten aufzuschreiben. (Ob das nun hier ein guter Vergleich ist? Ich weiß es nicht...)
Mit Zitat antworten
  #5 (permalink)  
Alt 13.01.2013, 16:58
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2007
Beiträge: 39
Achmed befindet sich auf einem aufstrebenden Ast
Standard

Denke ich auch, aber vielleicht gibt es einen guten Grund das anders zu machen?

Bisher hab ich das (vereinfacht) so umgesetzt:
HTML-Code:
    <section>
      <article>
	<header class="category">
	  <p class="topic">Testkategorie</p>
	  <p>Hier eine Testkategorie</p>
        </header>
	<table>
	  <thead>
	    <th>&nbsp;</th>
	    <th>Forum</th>
	    <th>Letzter Beitrag</th>
	    <th>Themen</th>
	    <th>Posts</th>
	  </thead>
	  <tbody>
	    <tr>
	      <td><img src="" /></td>
	      <td>
		<p class="forumtopic">Allgemeines</p>
		<p>Hier geht es um ganz allgemeine Sachen!</p>
	      </td>
	      <td>datum, thread, usw.</td>
	      <td>7</td>
	      <td>15</td>
	    </tr>
<!-- Hier dann die nächsten Foren dieser Kategorie -->
	  </tbody>
	</table>
      </article>
<!-- Hier gehts dann mit der nächsten Kategorie weiter -->
    </section>
Man könnte natürlich auch div's oder listen nehmen... die Frage ist nur, wäre das 'richtiger'?

Alternativ gäbe es ja auch noch article mit aside.
Aber 1x article und 4x aside pro Forum?

Vllt. hat ja noch jemand eine Meinung dazu?
__________________
gruss
Achmed
Mit Zitat antworten
  #6 (permalink)  
Alt 13.01.2013, 18:01
Benutzerbild von lottikarotti
Ein ♥ für's Web
XHTMLforum-Mitglied
 
Registriert seit: 18.04.2012
Ort: Karlsruhe
Beiträge: 396
lottikarotti wird schon bald berühmt werden
Standard

Hallöchen,

es mag vllt. den ein oder anderen Grund geben, weshalb man hier Tabellen verwenden könnte - ich allerdings würde bei einem neuen Projekt, welches moderne Technologien verwenden soll, auf Tabellen verzichten um mir den Weg für ein responsive Design nicht zu verbauen. Tabellen finde ich zumindest in diesem Zusammenhang sehr unhandlich.

Mit freundlichen Grüßen,
lotti
__________________
Empfehlenswerte Links:
jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint
Mit Zitat antworten
  #7 (permalink)  
Alt 13.01.2013, 18:44
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von lottikarotti Beitrag anzeigen
Hallöchen,

es mag vllt. den ein oder anderen Grund geben, weshalb man hier Tabellen verwenden könnte - ich allerdings würde bei einem neuen Projekt, welches moderne Technologien verwenden soll, auf Tabellen verzichten um mir den Weg für ein responsive Design nicht zu verbauen. Tabellen finde ich zumindest in diesem Zusammenhang sehr unhandlich.

Mit freundlichen Grüßen,
lotti
Auch bei Tabellen gilt das übliche ein und ausblenden beim Responsive Design :P

Bzw.: Es gibt genügend schöne Möglichkeiten eine Tabelle auf dem Smartphone darzustellen So Sorry für den edit!
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?

Geändert von Thielo (13.01.2013 um 18:48 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 13.01.2013, 21:16
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2007
Beiträge: 39
Achmed befindet sich auf einem aufstrebenden Ast
Standard

Danke erst Mal für die ganzen Antworten bisher.

Dann mal eine Zusammenfassung:

MrMurphy meint, dass das Ganze als Liste zu behandeln ist.
Würde dann auf ein ul-Konstrukt hinauslaufen.

lolDog hätte es anders angefangen, stimmt mir aber letztlich zu.

lottikarotti mag einfach keine Tabellen
Wie er es stattdessen machen würde verheimlicht er mir aber.

Thielo sagt... ja was eigentlich?
Zustimmung/Ablehnung? Ist so machbar, aber <SO> wäre es besser?

Mir ist natürlich klar, dass es 'Die beste Lösung' eh nicht gibt.
Aber mich interessiert ja: Wie würdet Ihr es machen... und warum?

Tabellen kommen immer altmodisch rüber... ist mir klar.
Aber wie die Weisen aus dem Abendland gesagt haben:
Willst du Daten tabellarisch darstellen, nimm den table-tag.

Aber vielleicht gibts ja ne Möglichkeit, die html5iger ist?
__________________
gruss
Achmed
Mit Zitat antworten
  #9 (permalink)  
Alt 13.01.2013, 21:25
Benutzer
neuer user
 
Registriert seit: 24.07.2011
Beiträge: 83
lolDog befindet sich auf einem aufstrebenden Ast
Standard

Naja meiner Meinung nach ist es halt eine tabellarische Auflistung der Daten, also eben eine Tabelle und dafür gibt es table. Es könnte höchstens ein table2 oder sogar table² geben, aber mal Spass bei, ich wüsste echt nicht wie man es noch "besser" machen könnte... Übertrieben gesagt wäre es ja fast so, als ob du einen Textabschnitt hättest und nun nach etwas besseres als das p-Tag suchen würdest.
Ich will jetzt nicht sagen es gibt zu 100% nichts besseres man lernt ja nie aus aber ich bin mir ja fast sicher...
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.01.2013, 00:21
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Sowas ist eine Tabelle und das table Element, ist ein ganz normales HTML Element, das für diesen Zweck da ist. Eine Tabelle ist eine Liste, ein Liste von Daten.
Mit Zitat antworten
Sponsored Links
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
Template System und HTML5 mit Bootstrap - Problem!? SourceSkyBoxer Serveradministration und serverseitige Scripte 10 15.09.2012 20:35
HTML5 Enthusiast (m/w) ictjob.de Jobs 0 28.08.2012 17:45
HTML5 Frage Html5 (X)HTML 11 14.04.2012 12:03
Suche PSD Template Tutorial Forum darki777 Offtopic 0 09.06.2008 20:18
Bin CSS-Neulind und habe Hilfe nötig! lol123 CSS 0 19.03.2007 21:07


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