CSS – SPAN místo tabulek
Chcel som pouzit nieco taketo, miesto klasickej tabulky:
<div style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: gray" class="textb"> <span style="width: 160px">Rok 1998</span> <span style="width: 160px; color: gray" class="infoi">Miesto a krajina</span> <span style="color: gray" class="infoi">Popis</span> </div>
Ale sirka pre SPAN funguje iba v IE.
Dalo by sta spravit aj inak, alebo pouzit klasicku tabulku?
(bud to pomerne dlhy zoznam, kde musia byt ca. 3-4 stlpce)
Pokud to chcete pres span, musite mu dat hodnotu „display:block“, protoze je to radkovy prvek nefunguji sirky.
Div je blokovy prvek u ktereho funguje sirka (nemusite davat „display: block“.)
jinak vam tam jeste chybi „float:left“
Napr.
<div style="border: solid 1px gray; width: 300px"> <div style="width: 100px">Rok 1998</div> <div style="width: 100px; color: gray">Miesto a krajina</div> <div style="width: 100px; color: red">Popis</div> </div>
Skusil som to aj takto:
<div style="border: solid 1px gray; width: 300px"> <div style="width: 100px; display: inline">Rok 1998</div> <div style="width: 60px; color: gray; background-color: blue; display: inline">Miesto a krajina</div> <div style="width: 100px; color: red; display: inline">Popis</div> </div>
a tiez mi to funguje. Akurat, ze sirka musi byt pri -2, lebo inak sa to zalomi.
jen bych doplnil – pokud chcete zobrazovat tabulkova data a nejedna se o rozvrzeni stranky (layout), tak samozrejme pouzijte tabulku.
display: inline – vyhodit
float: left – toto tam musi byt, jinak to nebude vedle sebe
hlavne, ze jsem tam napsat float 🙂
oprava
<div style="border: solid 1px gray; width: 300px"> <div style="width: 100px; float: left">Rok 1998</div> <div style="width: 100px; color: gray;float: left">Miesto a krajina</div> <div style="width: 100px; color: red;float: left">Popis</div> </div>