Autor Zpráva
Pospyrus
Profil
#1 · Zasláno: 16. 11. 2012, 15:42:21 · Upravil/a: Pospyrus o minutu později
Odpovědět Citovat
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 *
#2 · Zasláno: 16. 11. 2012, 16:14:37
Odpovědět Citovat
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
#3 · Zasláno: 16. 11. 2012, 16:25:53
Odpovědět Citovat
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
#4 · Zasláno: 17. 11. 2012, 10:51:08
Odpovědět Citovat
Děkuji mnohokrát :)
Časová prodleva: 13 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0