Cien. web dizaineri un HTML griezēji utt.

, mik

Izvēlne ir saišu saraksts (list), izvēlne nav tabula. CSS ir mūsu kopīgais draugs, būvēsim korektus webus. Vēl jo svarīgāk tas ir priekš hierarhiskām izvēlnēm ar vairākiem līmeņiem utt.

Ir šitā:

<table border="0" class="topmenu">
<tbody>
<tr>
<td class="topmenu1"><a href="#">Izvēlne 1</a></td>
<td class="topmenu1">Izvēlne 2</td>
<td class="topmenu1"><a href="#">Izvēlne 3</a></td>
</tr>
</tbody>
</table>

 

Vajag šitā:

<div id="block-menu-56" class="block block-menu">
<ul class="menu">
<li class="leaf"><a href="/jaunumi">Izvēlne 1</a></li>
<li class="leaf"><a href="/preses-relizes">Izvēlne 2</a></li>
<li class="leaf"><a href="/kontakti">Izvēlne 3</a></li>
</ul>
</div>

 

Komentāri

nē!

"vajag sitaa"
un kaads tam visam pamatojums?
tas tavs viedoklis un pilniigi nepamatots.

Lietotāja ctrnz attēls

Nu pirmajās rindkopās bija aptuvens pamatojums. Pamatdoma ir tāda, html tabula ir domāta divdimensionāliem datiem, nevis sarakstu veidošanai. Izvēlne (Menu) tomēr ir saraksts, nevis daudzdimensionāls datu masīvs. Piekam ar UL un LI tagiem to var veidot ar zariem, ko ar TABLE vien var izdarīt, taču vai nu ļoti nesmuki izskatīsies, vai arī smukuma pēc liksim tabulas tabulās.
CSS gan arī var nelietot, vienkārši ar to ir smukāk :)

iesaku piepazīties ar HTML Utopia: Designing Without Tables Using CSS PDF. šī roksagrāmata ļoti labi paskaidro kapēc dizaina izklājumos lietot tabulas ir slikti. Rokasgrāmata klīst gan pa DC++, gan kitos failu apmaiņas tīklos. taču īsumā tabula visprār nav domāta diziniskiem izkārtojumiem, bet gan datiem kas jāparāda tabulas formā, t.i. 2 dimensijās. izveltne ne tik, UL un LI ljauj ljoti smuki iveidot koku, kaa arii vienkaarshi ar css paliidziibu manipuleet ar stiliem, atskjiriibaa no tabulaam.

Pievienot jaunu komentāru

Šī lauka saturs tiks saglabāts privāts un nebūs pieejams publiski.
  • Mājas lapu adreses un e-pasta adreses automātiski tiek pārveidotas par saitēm.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Rindas un rindkopas tiek pārnestas uz jaunu rindu automātiski.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

Vairāk par formatēšanas iespējām