ugrás a tartalomhoz

Fórumhozzászólás megjelenítése

Peete · 2012. Dec. 8. (Szo), 13.51
Üdv!

A fenti témával kapcsolatban lenne egy leginkább elméleti kérdésem:

Egy teljesen átlagos fórumról beszélünk, adatbázisból kiolvasunk fordított sorrendben n darab rekordot, stb, stb, adott a
$comment['name']
$comment['date']
$comment['comment']
jellegű adathalmaz.

Ha az a feladat, hogy a kb. legmegszokottabb módon megjelenítsük a kommenteket:
********************************
*Név_________*___________Dátum *
********************************
* Lorem ipsum dolor sit amet_______*
* consectetur adipisicing___________*
* sed do eiusmod tempor___________*
********************************
tehát fent, egy sorban balra zárt név, jobbra zárt dátum, alatta, teljes szélességben a hozzászólás, biztos mindenki látott már ilyet (nem reklám gondolom, ha az index.hu fórumát megemlítem példaként.)

Nos, ezt akár honnan nézem, úgy néz ki, mint egy táblázat, és valóban a legkézenfekvőbb, ha:

<table>
    <tr>
        <td>Név</td>
        <td>Dátum</td>
    </tr>
    <tr>
        <td colspan="2">Hozzászólás</td>
    </tr>
</table>
viszont: a html+css alapú oldalak szabványosodásakor az lett "beleverve a fejembe", hogy table tagot nem használunk másra, mint valóban táblázatos adatok táblázatban történő megjelenítésére.
És itt elbizonytalanodtam, hogy az adott feladat adatai valóban táblázatnak számítanak-e? [bár nézőpont kérdése, hogy minek számítanak]

Szóval a kérdésem:

Ti hogyan csináltok/csinálnátok meg egy ilyet?


Alternatívaként én arra jutottam, hogy:

<div id="comment">

    <div id="date">Dátum</div>
    
    <p class="name">Név</p>
    <p class="comment">Lorem ipsum dolor sit amet, </p>

</div>

#date {
/*stbstb*/
float: right;
}
 
1

Ez nem táblázat. A

Joó Ádám · 2012. Dec. 8. (Szo), 15.01
Ez nem táblázat. A táblázatnak fejléce és ahhoz igazodó sorai vannak. A hozzászólások jelölésére a HTML5 előtt nincs különösebben kézenfekvő elem, a legtöbb, amit tehetsz, hogy a nevet és a keltezést címként jelölöd (egy áttekintő oldalon ezeket jelenítenéd meg), természetesen tetszés szerint, akár a fent leírt módon formázva. A hozzászólás egészét egy div-be teheted.

HTML5-ben a hozzászólást article veheti körül, és egy header-be teheted a szerzőt és a keltezést. Utóbbihoz használhatod a time-ot.
2

hatom

Poetro · 2012. Dec. 8. (Szo), 16.41
<div class="hfeed">
    <div class="hentry" id="comment-1001">
        <a href="#comment-1001" class="entry-title" rel="bookmark">comment-1</a>
        <abbr title="2012-12-01T01:01:00+02:00" class="published">2012-12-01 01:01:00</abbr>
        <address class="vcard author"><span class="fn">Felhasznalo 1</span></address>
        <div class="entry-content">Comment 1... Comment 1...</div>
    </div>
    <div class="hentry" id="comment-1002">
        <a href="#comment-1002" class="entry-title" rel="bookmark">comment-2</a>
        <abbr title="2012-12-02T02:02:00+02:00" class="published">2012-12-02 02:02:00</abbr>
        <address class="vcard author"><span class="fn">Felhasznalo 2</span></address>
        <div class="entry-content">Comment 2... Comment 2...</div>
    </div>
    <div class="hentry" id="comment-1003">
        <a href="#comment-1003" class="entry-title" rel="bookmark">comment-3</a>
        <abbr title="2012-12-03T03:03:00+02:00" class="published">2012-12-03 03:03:00</abbr>
        <address class="vcard author"><span class="fn">Felhasznalo 3</span></address>
        <div class="entry-content">Comment 3... Comment 3...</div>
    </div>
    <div class="hentry" id="comment-1004">
        <a href="#comment-1004" class="entry-title" rel="bookmark">comment-4</a>
        <abbr title="2012-12-04T04:04:00+02:00" class="published">2012-12-04 04:04:00</abbr>
        <address class="vcard author"><span class="fn">Felhasznalo 4</span></address>
        <div class="entry-content">Comment 4... Comment 4...</div>
    </div>
</div>