21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Tomy
Profil
Ahoj mám takový problém. Nevím jak mám nastavit, když najedu na záložku v menu, aby se mi pod ní vysunuly další záložky. na internetu sem našel hodně návodů, ale vždycky mi to nějak nesedělo, nedělalo to to co mělo, nevím proč. Máte někdo nějakou radu? popřípadě přidám kód.

soubor .CSS mám zvlášť.
Monkeys
Profil *
Tomy:

Tvoj problem riesi hover()
Viac info https://api.jquery.com/hover/

M.
juriad
Profil
Monkeys:
Proč do toho motáš jQuery?

Tomy:
Tady máš hromady hotových menu: css.blbeckove.com/3.seznamy/3.resene-priklady.html
Spíš dodej odkaz na stránku, kde ti to nefunguje, jak chceš. Nemáš-li ji online, můžeš použít Živá ukázka.
Monkeys
Profil *
juriad:
Proč do toho motáš jQuery?

Pretoze on pise VYSUVACIE MENU cez ciste css to spravi tazko maximalne cez dispaly:block, none :)

M.
Tomy
Profil
mám to takhle:

<main class="main2">
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="historie.html">Historie</a></li>
                    <li><ul>
                        <li><a href="#">historie</li>
                        <li><a href="#">historie</li>
                        <li><a href="#">historie</li>
                    </li></ul>
                <li><a href="vyborsdh.html">Výbor SDH</a></li>
                <li><a href="#">nic</a></li>
                <li><a href="#">nic</a></li>
            </ul>
        </nav>
        </main>

a .css

.main2 {
    font-family: Stencil;
    width: 1000px;
    position:  center;
    margin: 0 auto;
}

nav{
    height:42px;
    background-color:#ffffff;
    border-radius:8px;
}

nav ul {
    list-style:none;
}

nav ul li a{
    float:left;
    text-decoration:none;
    color:#000000;
    padding:0px 40px;
    text-align:center;
    line-height:42px;
    height:42px;
}

nav ul li:hover ul{
    display:block;
}

nav ul ul{
    display:none;
    position:absolute;
    background-color:#ffffff;
    
}

nav ul ul li{
    display:block;
}
nav ul ul li a,visited{
    color: #ccc;
}

nav ul ul li a:hover{
color: #099;    
}

nav ul li a:hover{
    background-color:#c0c0c0;
    color:#ff0000;
    border-radius:8px;
}



Dělal sem to podle youtube, mám to opsané správně a zase mi to nefunguje...vedle té záložky která to rozbalí se mi udělá mezera a když na ní najedu rozbalí mi to ty podzáložky a navíc ještě tím stylem že mezi nima jsou další meztery a jsou tak nějak hala bala...nevíte prosím vás co s tím? já už jsem v tomhle beznadějný.. :(


juriad:

Tady je ten odkaz: http://kod.djpw.cz/qupb-
juriad
Profil
Už jsem si to tam nakopíroval a opravil jak HTML, tak CSS. Měl jsi tam hromady chyb. Některé věci jsem vyhodil, protože mi tam jen překážely, snad si je dokážeš vrátit.
Živá ukázka

Ještě k tomu </li>, to se doplní automaticky jakmile se objeví <li> (další položka) nebo když se objeví </ul> (tedy se ukončí celý seznam). Vnořené seznamy a položky v nich nemají na ukončení vnější položky žádný vliv.
Tomy
Profil
juriad:
Dobře už mi to funguje, děkuju ti moc :)
juriad
Profil
Různé opravy (centrování, kulatosti): Živá ukázka

Nemá smysl zamykat (co, když budeš ještě něco potřebovat?), vlákno přirozeně zapadne do historie, a pokud sem někdo napíše něco nepatřičného, my moderátoři se o to postaráme.
Tomy
Profil
juriad:
Šlo by ještě nějak udělat že by ta poslednní záložka měla jinačí barvu písma?
juriad
Profil
Tak jí (resp. tomu odkazu) dej nějakou třídu a pro tu třidu v CSS změň barvu.
Tomy
Profil
juriad:
Zkoušel sem to a nějak to bylo stejné, ale možná sem to psal blbě, ještě to vyzkouším :)
Tomy
Profil
Tomy:
Potřeboval bych nějak posunout odrážku, jenomže když ji nastavuju přes class tak mi to posunuje akorát text
juriad
Profil
Tomy:
Nechceš žádné odrážky? Nastav seznamům (ul) vlastnost list-style:none;.
Nebo chceš tam mít nečíslované odrážky (tedy puntíky)? Podívej se na další možné hodnoty zmíněné css vlastnosti.
Tomy
Profil
Už sem si to udělal trošku jinak :)

Ale možná ještě jedna taková věc. Šlo by udělat aby ty pozdálozky byly jakoby oddělené černou čárou? Aby to bylo trošku přehlednější.
juriad
Profil
Přidej něco jako:
nav ul ul li + li {
    border-top: 1px solid black;
}

To li + li zajistí, že se styl aplikuje od druhé položky (doslova to znamená: položka, která následuje po položce). Pokud se má aplikovat na všechny položky, to + li odstraň.
Pokud se má styl aplikovat na odkazy (které jsou zakulacené), přidej na konec selektoru ještě a.
Tomy
Profil
Ještě bych potřeboval, jestli by šlo to menu nějak vycentrovat přesně na střed, tak aby když si tu stránku otevře někdo s menším rozlišením, aby to neutíkalo někam do strany ale bylo to pěkně rovné se zbytkem stránky. A potom ještě snad poslední več. Jde nějak dát kousek pozadí jinačí barvou? že by vrchní 1/4 byla taková tmavá šedá a bylo by to jako takové pozadí pro nadpis.
Tomáš123
Profil
Tomy:
by šlo to menu nějak vycentrovat přesně na střed
Ono ale je vycentrované. Už v juriadovej ukážke vyššie [#8].

Jde nějak dát kousek pozadí jinačí barvou?
Ide, ale lepším riešením bude zafarbiť samotný prvok s nadpisom. Ukážka.

To, že teraz vytiahnutie pomohlo neznamená, že je to dobrá praktika. Nezvykaj si na ňu.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0