Autor Zpráva
fds
Profil *
Nasledujúci kód sa zobrazí správne v najnovších verziách chrome, opery a firefoxu. Čiže číslo, za ním malá medzera a text v <div>. Ale v IE 10 (možno aj v starších, neskúšal som) je tá medzera medzi číslom a textom príliš veľká. Ako to mám upraviť, aby sa to zobrazovalo dobre aj v IE 10?

<style>
  ol {
    list-style-position: inside;
    background-color: silver;
    font-size: 180%;
    padding: 0px;
  }
  li {
    border: solid 1px;
  }
  div {
    font-size: 50%;
    display: inline-block;
  }
</style>

<ol>
      <li><div>aaa</div></li>
      <li><div>bbb</div></li>
</ol>
Monkeys
Profil *
fds:
V prvom rade zoznamy sa pisu takto:

<ul>
<li>text1</li>
<li>text2
<ol>podtext1</ol>
<ol>podtext2</ol>
</li
....
</ul>

a CSS by som riesil asi neako takto:

ul { display:block; float:left; width:627px; margin:0px; padding:0px;}
ul li { display:list-item; list-style-type:decimal; text-align:left; list-style-position:outside; margin-left:20px; padding-left:5px; color:#2a2a2a; line-height:18px;}
ul li ol { display:list-item; list-style-type:square; padding-left:5px; margin-left:20px; list-style-position:outside; text-align:left; color:#2a2a2a; line-height:18px;}

M.
fds
Profil *
Takto som to nechcel. Vnorený zoznam nepotrebujem. Text v <div> je preto, aby som mu mohol nastaviť odlišné formátovanie ako číslu zoznamu. A list-style-position: inside; som tam dal preto, aby na pozadí položky zoznamu mohol byť obrázok, aj pod číslom. Problém je, že v IE 10 je medzi číslom a textom veľká medzera. Chcem vedieť, či sa to dá nejako rozumne vyriešiť.
Monkeys
Profil *
fds:
Pouzi list-style-position:outside a potom marginom uprav vzdialenost.

M.
fds
Profil *
Ale ja tam potrebujem ten inside :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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