Display: Inline

3 příspěvky

Archiv diskusního fóra

Fórum je uzavřené a slouží pouze ke čtení. Některé informace mohou být zastaralé.

  1. Ako docielit moznost nastavit si vysku elementu aj ked na nom mam display:inline ? Poznamka: Tie spany chcem umiestnit vedla seba. A chcem aby mali urcitu vysku a sirku. Viac sa dozviete z kodu. Kod: span#menuodkaz a{ margin: 0; padding: 0; display: inline; width:88px; height:40px; background-image: url(images/menu_item.jpg); color:#ff6633; font-family: Verdana, Arial; font-size:13px; font-weight:bold; color:#ff6666; text-decoration:none; } span#menuodkaz a:hover{ margin: 0; padding: 0; display: inline; width:88px; height:40px; background-image: url(images/menu_item_hover.jpg); color:#ff6633; font-family: Verdana, Arial; font-size:13px; font-weight:bold; color:#ff6666; text-decoration:none;}
  2. css uz jsem dost zapomnel, ale u inline se myslim velikost nastavovat neda. jedine u jednoradkovyho textu muzes nastavit vysku pomoci line-height. ale sirku nevim teda
  3. Cuchi (cuchi.webzdarma.cz) jakpsatweb.cz - CSS display: inline; viz Tonik, inline prvek ma sirku podle textu, vysku podle textu. Lze menit vysku radku - line-height Lze pouzit margin/padding, ale neco z toho FF/IE ignoruje. sirku lze nastavovat u display:table display:table-cell display:inline-block display:block ... tagy P TABLE IMG DIV UL ... idealni delat menu pres <menu> <li>... <li>... </menu> pripadne <ul> <li>... <li>... </ul> muzes prvkum dat class, nastavit jim: - float - ale to musis umet spravne nastavit - position - to bys mel umet taky spravne nastavit, ale je to snadnejsi a premenit je na display:block Pokud je chces na radku vedle sebe s dalsim textem, tak inline-block, mozilla ignoruje. Mozna position:relative.

← Zpět na všechna témata