| Autor | Zpráva | ||
|---|---|---|---|
| stibto |
#1 · Zasláno: 31. 7. 2012, 20:56:01 · Upravil/a: stibto
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>Pomohl by mi někdo prosím mockrát? V každém <li> bude odkaz. :-) |
||
| jenikkozak Profil |
#2 · Zasláno: 31. 7. 2012, 20:59:18
|
||
| stibto |
#3 · Zasláno: 31. 7. 2012, 21:00:37 · Upravil/a: stibto
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 |
#4 · Zasláno: 31. 7. 2012, 21:06:09
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 |
#5 · Zasláno: 31. 7. 2012, 21:12:18
panther:
Já bych chtěl ale vertikální menu.. ne sloupcový :-) |
||
| jenikkozak Profil |
#6 · Zasláno: 31. 7. 2012, 21:15:46
stibto:
„Já bych chtěl ale vertikální menu.. ne sloupcový :-)“ Nikdo ti ho nenutí: Float. To je to plavání. |
||
| margin |
#7 · Zasláno: 31. 7. 2012, 21:41:27
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. |
||
|
Časová prodleva: 11 měsíců
|
|||