NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Zarovnání jedné položky seznamu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
svanda777
Tvůrce
Avatar
svanda777:3.8.2014 10:04

Ahoj,
mám menu udělané jako seznam a potřebuji poslední položku seznamu (DOKUMENTACE) zarovnat na dolní okraj stránek. viz. obrázek

<aside>
    <ul>
        <li>
            <a href="/produkty/zemedelstvi">Zemědělství</a>

        </li>
        <li>
            <a href="/produkty/potravinarstvi">Potravinářství</a>

        </li>
        <li>
            <a href="/produkty/osobni-hygiena">Osobní hygiena</a>

        </li>

        <li>
            <a href="/dokumentace">Dokumentace</a>
            <ul>
                <a href="/dokumentace/bezpecnostni-listy"><li>Bezpečnostní listy </li></a>
                <a href="/dokumentace/technicke-listy"><li>Technické listy </li></a>
                <a href="/dokumentace/certifikaty"><li>Certifikáty </li></a>
            </ul>
        </li>
    </ul>
</aside>
Editováno 3.8.2014 10:04
 
Odpovědět
3.8.2014 10:04
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na svanda777
Michal Žůrek - misaz:3.8.2014 10:20

vyzkoušej

aside > ul {
    position: relative;
}
aside > ul > li:last-chid {
    position: absolute;
    bottom: 0;
    left: 0;
}
 
Nahoru Odpovědět
3.8.2014 10:20
Avatar
svanda777
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
svanda777:3.8.2014 12:01

Bohužel.

http://www.itnetwork.cz/dev-lighter/416

Editováno 3.8.2014 12:05
 
Nahoru Odpovědět
3.8.2014 12:01
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na svanda777
Neaktivní uživatel:3.8.2014 14:53

Daj sem css na ten aside a možno budeme múdrejší ;)

Nahoru Odpovědět
3.8.2014 14:53
Neaktivní uživatelský účet
Avatar
ConflictBoy
Člen
Avatar
Odpovídá na svanda777
ConflictBoy:3.8.2014 15:10

HTML

<ul class="kec">
                 <a href="/dokumentace/bezpecnostni-listy"><li>Bezpečnostní listy </li></a>
                 <a href="/dokumentace/technicke-listy"><li>Technické listy </li></a>
                 <a href="/dokumentace/certifikaty"><li>Certifikáty </li></a>
             </ul>

CSS

.kec{
        position:absolute;
        bottom:0;
}

Toto ti fakt nejede?

Nahoru Odpovědět
3.8.2014 15:10
I'm programmer, I have no life :)
Avatar
Tonda Kozák
Člen
Avatar
Tonda Kozák:4.8.2014 15:25

Je to tím, že nemáš nastavenou výšku ul. Nastav mu výšku 100%, ať je stejně vysoký, jako aside. Pak by ti to mělo fungovat.
Dole ti to bude přetejkat - je to tím, že tam máš u něčeho nastavený „margin“. Vynuluj ho, nebo nastav odpovídající hodnotu „bottom“

Editováno 4.8.2014 15:25
 
Nahoru Odpovědět
4.8.2014 15:25
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.