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

HTML a CSS HTML a CSS Zarovnání jedné položky seznamu American English version English version

Avatar
svanda777
Redaktor
Avatar
svanda777:

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):

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
Samuel Illo
Redaktor
Avatar
Odpovídá na svanda777
Samuel Illo :

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

Nahoru Odpovědět 3.8.2014 14:53
www.samuelillo.com; lamka02sk(zavináč)samuelillo.com, www.point.samuelillo.com, www.csgorig.eu
Avatar
ConflictBoy
Člen
Avatar
Odpovídá na svanda777
ConflictBoy:

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
Není štěstí bez činu
Avatar
Tonda Kozák
Člen
Avatar
Tonda Kozák:

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.