Autor Zpráva
Pospyrus
Profil
Dobrý den,
první uvedu příklad a poté se zeptám:

li {display: inline-block}


Ex1:
<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>


Ex2
<ul>
  <li></li><li></li><li></li>
</ul>

V prvním příkladu se mezi tagy <li> vkládají malé mezery a v druhém ne. Lze nějak docílit toho, aby kód byl přehledný a mezery tam nebyly?

Pospyrus
margin
Profil *
Zvážil bych, zda než použít inline-block by nebylo vhodnější použít block nebo (raději list-style) a float.

Další možnost je zalomit tag, předpokládám, že v seznamu budou odkazy, ale jde to s jakýmkoliv tagem, nějak takto:
<ul>
  <li><a
  href=#></a></li><li><a
  href=#></a></li><li><a
  href=#></a></li><li><a
  href=#></a></li>
</ul>
Též je možné bílé znaky zakomentovat:
<ul>
  <li></li><!--
  --><li></li><!--
  --><li></li><!--
  --><li></li><!--
  --><li></li>
</ul>
Žádné 100% a současně hezké řešení neexistuje. Teoreticky sice jde nastavit seznamu nulovou velikost font-size a případně položkám zase vhodnou velikost písma nastavit, ale v některých prohlížečích je ve výchozím nastavení minimální velikost písma a nejde nijak přebít.
Chamurappi
Profil
Reaguji na Pospyra:
li {display: inline-block}
Starší Explorer neumí nastavit takovýto display elementům, které mají jako výchozí display: block.
Pospyrus
Profil
Děkuji mnohokrát :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0