Autor Zpráva
stibto
Profil *
Ahoj, chtěl bych se vás zeptat. V CSS jsem začátečník a potřeboval bych Vaší radu.

Mám tento obrázek:
A potřeboval bych vyřešit menu.

Takto vypadá HTML struktura:
<ul>
                <li><a href="index.html">Úvod</a></li>
                <li>Služby</li>
                <li>Aparatura</li>
                <li>Ceník</li>
                <li>Spolupracujeme</li>
                <li>Kontakt</li>
             </ul>
Potřeboval bych pod každou položku ten obrázek a text dát na střed.

Pomohl by mi někdo prosím mockrát?


V každém <li> bude odkaz. :-)
jenikkozak
Profil
Text-align
Background
stibto
Profil *
A menu by mělo bejt display: inline;


Já když mám tohle:
#menu ul {
    color: white;
    list-style-type: none;
}
#menu ul li {
    display: inline;
    text-align: center;
}
#menu ul li a {
    color: #fff; /* text color */
    text-shadow: 0 1px 0 rgba(0,0,0,.41); /* drop shadow */
    background-image: url(../img/menu_tlacitko2.png);
    width: 125px;
    height: 37px;
    padding: 3px 15px 3px 3px;

} 

tak mi to udělá tohle:
http://images.g6.cz/2012-07-31_210142.png
panther
Profil
stibto:
tak mi to udělá tohle:
ano, rozměry lze nastavovat jen blokovým rozměrům, takže display: block.

A menu by mělo bejt display: inline;
proč? Nech položky plavat.
stibto
Profil *
panther:
Já bych chtěl ale vertikální menu.. ne sloupcový :-)
jenikkozak
Profil
stibto:
Já bych chtěl ale vertikální menu.. ne sloupcový :-)
Nikdo ti ho nenutí: Float. To je to plavání.
margin
Profil *
Nějak takto: http://teststranek.kvalitne.cz/menu6/
Nebo nějak takto: http://teststranek.kvalitne.cz/menu7.2/

Nenapsal jsi, jestli mají být všechny položky stejně široké, nebo zda se mají přizpůsobovat podle obsahu
Koukni do zdrojového kódu.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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