Autor Zpráva
Kukinac
Profil *
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>
...v hlavičce....a v body tohle:
<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 *
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 *
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 *
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 *
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 *
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 *
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?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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