| Autor | Zpráva | ||
|---|---|---|---|
| Kukinac Profil * |
#1 · Zasláno: 2. 4. 2013, 11:47:18
Ahoj, prosím poraďte mi. Mám kód (viz níže) a potřebuji dvě věci:
1. Aby se to menu(jednotlivé sekce) nezobrazovalo pod sebou ale vedle sebe(-na řádku). 2. Když se na nějakou sekci klikne, tak aby zůstala "jinak" zbarvená...jak to udělat? <style>
ul, li {
display: inline-block;
}
a {
width: 120px;
height: 30px;
background: url(buttons.png) 0 0 no-repeat;
display: block;
text-align: center;
text-decoration: none;
color: #333;
line-height: 2;
font-weight: bold;
font-size: 80%;
}
a:hover {
background: url(buttons.png) 0 -30px no-repeat;
}
</style><ul>
<li><a href="#">Úvodní stránka</a></li>
<li><a href="#">Naši koníci</a></li>
<li><a href="#">Akce a soutěže</a></li>
<li><a href="#">Fotogalerie</a></li>
<li><a href="#">Kontakty</a></li>
<li><a href="#">O nás</a></li>
<li><a href="#">Kniha návštěv</a></li>
</ul>Předem díky :) |
||
| margin Profil * |
#2 · Zasláno: 2. 4. 2013, 12:39:39
Hlavní důvod, ale nikoliv jediný, proč máš položky pod sebou je, že deklaruješ odkazy jako bloky.
Kouknu do kódu na http://teststranek.kvalitne.cz/menu6/, rozdílů najdeš mnoho. Menu je postarší, proto je odladěno i pro IE5.5, vypadá stejně ve všech prohlížečích. Odlišení aktivní položky menu se dělá přidáním třídy, nebo id. Možnosti jsou ručním zapsáním do kódu, javascriptem (moc nedoporučuji), nebo v PHP. |
||
| Kukinac Profil * |
#3 · Zasláno: 2. 4. 2013, 18:49:28
margin díky, když mám ten kód samostatně tak mi to pěkně funguje...když ho vložím do stránek, celý (style v hlavičce)=nefunguje...ani když odkazuji na soubor.css
je to na těchto stránkách: http://www.rancmp.wz.cz/index.html |
||
| IdemeNaHavaj Profil |
Skus tam pridať:
ul,li {
display: inline;
a {
display:block;
float:left;
} |
||
| margin Profil * |
#5 · Zasláno: 2. 4. 2013, 19:38:39
Máš špatně selektory, pro
<ul class="menu"> použij třebas:
ul.menu {...}ul.menu li {...}ul.menu a {...}ul.menu a:hover, ul.menu a:active, ul.menu a:focus {...}.cistic {...} |
||
| Kukinac Profil * |
#6 · Zasláno: 2. 4. 2013, 21:04:06
tak super ... je to na těch stránkách konečně!
Jenže se mi to menu pořád lepí doleva (vpravo jsou 2 mm volné a vlevo je to natěsno) Ale hlavně to nezůstává označené....aby to zůstalo označené, tak tam musí být "tři obrázky" ne? (v tom jednom obrázku-3 tlačítka) |
||
| margin Profil * |
#7 · Zasláno: 2. 4. 2013, 21:37:09
Tomu menu musíš dát šířku podle šířka položky krát počet položek, pak se vycentruje. Nevycentruje se přesně, protože máš lichou šířku položek a lichý počet položek, takže 1px "bude lítat".
„aby to zůstalo označené, tak tam musí být "tři obrázky" ne?“ To je jedna možnost, druhá možnost, poměrně často používaná, je použít stejný obrázek, jako pro hover. Vyber si, co ti bude více vyhovovat. |
||
| Kukinac Profil * |
#8 · Zasláno: 2. 4. 2013, 22:19:45
To je jedna možnost, druhá možnost, poměrně často používaná, je použít stejný obrázek, jako pro hover. Vyber si, co ti bude více vyhovovat.
Rád bych použil stejný obrázek jako pro hover....takhle jsem to chtěl/myslel hned na začátku jen nevím jak to napsat...v tomhle trochu lítám, napíšeš mi to prosím? |
||
|
Časová prodleva: 11 let
|
|||
0