Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
Avatar
svanda777
Redaktor
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
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  +1 3.8.2014 10:20
Nesnáším {}, proto se jim vyhýbám.
Avatar
svanda777
Redaktor
Avatar
Avatar
Samuel Illo
Redaktor
Avatar
Odpovídá na svanda777
Samuel Illo :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
www.samuelillo.com | www.github.com/lamka02sk
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.