problem z: display

[remik09]

nie wiem czemu ale nie moge ustawic tego parametru tak jakbym chcial a mianowicie zeby element wyswietlal sie w lini (powinno to byc chyba inline), element wyswietla sie tylko przy wartosci block przy innych wogole go nie ma

mam taki kod

<a href="$" id="home"><span class="i">Obrazek menu</span></a>

css

a#home {display: inline; width: 96px; height: 23px; background: url(images/programy2_08.jpg) no-repeat;}   
a#home:hover {background: url(images/programy_08.jpg) no-repeat;} 
.i {display: none; }  

moglby mi ktos wyjasnic czemu tak sie dzieje i jak tonaprawic

PS to ma byc menu i tam ma byc kolo tego tez kilka innych obrazkow, gdy ustawiam inaczej niz na block to ani powyzszy element ani pozostale czesci menu sie nie wyswietlaja

[MMP]

<a> domyślnie jest inline, więc po co ustawiać?

Swoją drogą nie wiem czy można nadać wysokość i szerokość elementowi liniowemu.

[Gość w3master]

elementom srodliniowym nie mozna:

- dawac wysokosci i szerokosci,

- marginesow pionowych.

brakuje funkcjonalnosci blokowej? sa dwa rozwiaania:

- floatowanie,

- *display: inline-block.

*w przypadku przegladarek opartych o gecko -moz-inline-block.

[remik09]

elementom srodliniowym nie mozna:- dawac wysokosci i szerokosci,- marginesow pionowych.

hmm robilem to wg tutoriala bo pierwszy raz robie taki rollover i mam troche z nim klopotow wiec postanowilem sobie wspomoc sie nim i w nim tez jest to ustawione

https://www.tutorials1.com/glossy_rollover.php

[Gość w3master]

elementy srodliniowe moga przyjac wlasciwosci blokowe po zaaplikowaniu display:block, jednakze dzidzica wtedy wszystkie przypadlosc elementow blokowych - glownie tworzenie kontenerow od nowej lini.

w pierwszym poscie wspominasz, ze chcialbys ustawic elementy menu w jednej lini - do tego slyzy float lub inline-block. elementy floatowane zachowuja sie czesciowo jak blokowe, jednak nie tworza nowej lini

porownaj, html:

<ul>
<li><a href="#">lorem</a></li>
<li><a href="#">ipsum</a></li>
<li><a href="#">dolor</a></li>
</ul>

i css:

li {background:#0f9;display:block;width:6em;}

oraz alternatywny css:

li {background:#0f9;float:left;width:6em;}

[remik09]

no to osiagnalem to co chcialem za pomoca ul i li i atrybuty inline-block, tylko mam pytanie czy llista li moze miec tylko 7 podpunktow ? bo tylko tyle obazkow mi wyswietla nie wiem czemu

[Maćko]

mam pytanie czy llista li moze miec tylko 7 podpunktow ?

Po pierwsze to li to nie lista tylko element listy - chyba "list item". Lista to ul - "unordered list".

Po drugie, odpowiadając na pytanie, może mieć więcej niż 7.