ugrás a tartalomhoz

html felsorolás formázása

karas · 2008. Jan. 29. (K), 11.18
sziasztok!

a következőben kérném a segítségeteket:
egy olyan felsorolást kell csinálnom html-ben, ami valahogy így nézne ki:

2007 kiállítás 1.
     kiállítás 2.
     kiállítás 3.
     kiállítás 4.
2006 kiállítás 1.
     kiállítás 2.

satöbbi. a lényeg, hogy az évszám balra legyen zárva, vele egy sorban az első kiállítás, és az alatta jövő kiállítások vágjanak az első kiállítással (wordben egy sima tab lenne). blockquote-tal kihagy alatta felette egy sort, <li>-vel pedig ugyancsak (ráadásul az a kis pötty is megjelenik).
tabulátort nem szeretnék használni, és táblázatot is csak akkor, ha nincs más megoldás.

a segítségeteket előre is köszönöm: karas
‹ TopDomain2Country Elem abszolút poziciója Explorerben ›
 ■
1

Megjelenés és tartalom szerkezet

Török Gábor · 2008. Jan. 29. (K), 11.35
Ne olyan hevesen. A kinézetet ne keverd össze a tartalom leírásával. Több féle jelölés is szerintem helyes ennek a leírására, pl.

<div class="kiallitas">
<h1>2007</h1> <!-- a megfelelő szint természetesen -->
<ul>
<li>kiállítás 1.</li>
<li>kiállítás 2.</li>
<li>kiállítás 3.</li>
<li>kiállítás 4.</li>
</ul>
</div>
Majd ezt a leírást CSS-sel megformázhatod úgy, ahogy szeretnéd, hogy megjelenjen, pl.

.kiallitas * {margin:0;padding:0;}
.kiallitas h1 {float:left;width:3em;font-size:1em;}
.kiallitas ul {float:left;}
.kiallitas li {list-style:none}
3

lista

karas · 2008. Jan. 30. (Sze), 10.55
köszönöm szépen, működik!
valamiért safariban nem jól jelenik meg, és ezt nem értem.
a bonyolult az egészben, hogy egy nagyon buta admin felületen kell mindezt megcsinálnom, ami szövegfájlokba tárol, és a weblap onnan hívja be az infokat. gondolom itt lehet valahol elcsúszás safari alatt, mert firefoxban és ie-ben működik!
5

Példa

vbence · 2008. Jan. 30. (Sze), 13.07
Ha láthatnánk (a html forrást), nagyobb esélyel kaphatnál megoldást ;)

Wow! ez rímelt..
2

példa

gex · 2008. Jan. 29. (K), 11.48
szvsz a legegyszerűbb így:

css

div#kiallitasok h2-3-4-5-6,
div#kiallitasok ul { float: left; }
div#kiallitasok br { clear: both; }
html

<div id="kiallitasok">
    <h2-3-4-5-6>2007</h2-3-4-5-6>
    <ul>
        <li>kiállítás 1.</li>
        <li>kiállítás 2.</li>
        <li>kiállítás 3.</li>
        <li>kiállítás 4.</li>
    </ul>
    <br />
    <h2-3-4-5-6>2006</h2-3-4-5-6>
    <ul>
        <li>kiállítás 1.</li>
        <li>kiállítás 2.</li>
    </ul>
    <br />
</div>
szerk: kicsit lemaradtam... :D
4

Szájíz szerint

vbence · 2008. Jan. 30. (Sze), 13.03

<dl>
<dt>2007</dt>
<dd>kiállítás 1.</dd>
<dd>kiállítás 2.</dd>
<dd>kiállítás 3.</dd>
<dd>kiállítás 4.</dd>
<dt>2006<dt>
<dd>kiállítás 1.</dd>
<dd>kiállítás 2.</dd>
</dl>


dt {
    clear: both;
    float: left;
}

dd {
    margin-left: 36px;
}
6

rossz szájíz :)

gex · 2008. Jan. 30. (Sze), 13.22
2007-nek szvsz nem az a definíciója, hogy kiállítás 1 kiállítás 2 kiállítás 3 kiállítás 4. ;) egyébként most végiggondolva ez táblázatos adat nem?
7

Rendben, elismerem...

vbence · 2008. Jan. 30. (Sze), 13.35
hogy a szemntikája nem a legmegflelőbb, de ezt a taget, soha az életben nem használnád másképpen, amúgy meg az alapfilozófia (hogy egy egyszerű hierarchiát - akár egy a sokhoz - kapcsolatot jelenít meg) nem sérül. (Más hasonló tag nem igazán van).