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: Vycentrování <h2> a umístění odspoda.

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

Aktivity
Avatar
Motlja
Člen
Avatar
Motlja:6.10.2014 9:24

Zdravím borci!
Mám kód html

<article id="login">
                <p>Na co čekáš?... na další <b>kouli?!!</b>... Radši bych to neriskoval a čeknul bych jestli tady není něco novýho.</p>
                <form>
                    <a>Jméno:</a><input type="text" name="jmeno"><br>
                    <a>Heslo:</a><input type="password" name="heslo">
                </form>

                <div class="spodek"><h2>-----LOGIN-----</h2></div>
            </article>
            <article id="registrace">
                <p>Nebaví tě dostávat špatný známky, a chceš vědět co bude v testu. Nebo si jen nebyl ve škole a chceš si dopsat zápisky?<br>                     Tak neváhej a zaregistruj se, ať máš větší šanci projít do dalšího ročníku.</p>
                <form>
                    <a>Jméno:</a><input type="text" name="jmeno"><br>
                    <a>Heslo:</a><input type="password" name="heslo"><br>
                    <a>E-mail:</a><input type="text" name="email">
                </form>

                <div class="spodek"><h2>-----REGISTRACE-----</h2></div>
            </article>

A potřeboval bych aby se mi v obouch <articlech> <h2> umisťoval doprostřed dolu nějaký 20px odspoda.

Vztekám se s tím asi 1,5 hodiny a jediný co mi jde je

.spodek{
    float: right;
    width: 100%;
}
h2{
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px;
}
Odpovědět
6.10.2014 9:24
Umím a učím se to co chci, to co mě baví a zajímá!!
Avatar
Motlja
Člen
Avatar
Odpovídá na Motlja
Motlja:6.10.2014 9:33
.spodek{
position: absolute;
    float: right;
    width: 100%;
    bottom: 20px;
 }

Díky! :D
1,5hodiny a 5 minut ... :(

Akceptované řešení
+20 Zkušeností
Řešení problému
Nahoru Odpovědět
6.10.2014 9:33
Umím a učím se to co chci, to co mě baví a zajímá!!
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 2 zpráv z 2.