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.
  1. <div class="kiallitas">  
  2. <h1>2007</h1> <!-- a megfelelő szint természetesen -->  
  3. <ul>  
  4. <li>kiállítás 1.</li>  
  5. <li>kiállítás 2.</li>  
  6. <li>kiállítás 3.</li>  
  7. <li>kiállítás 4.</li>  
  8. </ul>  
  9. </div>  
Majd ezt a leírást CSS-sel megformázhatod úgy, ahogy szeretnéd, hogy megjelenjen, pl.
  1. .kiallitas * {margin:0;padding:0;}  
  2. .kiallitas h1 {float:left;width:3em;font-size:1em;}  
  3. .kiallitas ul {float:left;}  
  4. .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
  1. div#kiallitasok h2-3-4-5-6,  
  2. div#kiallitasok ul { float: left; }  
  3. div#kiallitasok br { clear: both; }  
html
  1. <div id="kiallitasok">  
  2.     <h2-3-4-5-6>2007</h2-3-4-5-6>  
  3.     <ul>  
  4.         <li>kiállítás 1.</li>  
  5.         <li>kiállítás 2.</li>  
  6.         <li>kiállítás 3.</li>  
  7.         <li>kiállítás 4.</li>  
  8.     </ul>  
  9.     <br />  
  10.     <h2-3-4-5-6>2006</h2-3-4-5-6>  
  11.     <ul>  
  12.         <li>kiállítás 1.</li>  
  13.         <li>kiállítás 2.</li>  
  14.     </ul>  
  15.     <br />  
  16. </div>  
szerk: kicsit lemaradtam... :D
4

Szájíz szerint

vbence · 2008. Jan. 30. (Sze), 13.03
  1. <dl>  
  2. <dt>2007</dt>  
  3. <dd>kiállítás 1.</dd>  
  4. <dd>kiállítás 2.</dd>  
  5. <dd>kiállítás 3.</dd>  
  6. <dd>kiállítás 4.</dd>  
  7. <dt>2006<dt>  
  8. <dd>kiállítás 1.</dd>  
  9. <dd>kiállítás 2.</dd>  
  10. </dl>  
  1. dt {  
  2.     clear: both;  
  3.     float: left;  
  4. }  
  5.   
  6. dd {  
  7.     margin-left: 36px;  
  8. }  
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).