Diskuze: Písmo nejde zarovnat dolů na stránku

HTML a CSS HTML a CSS Písmo nejde zarovnat dolů na stránku American English version English version

Avatar
pardal486
Člen
Avatar
pardal486:

Dobrý den. Mám problém se zarovnáním textu. Potřebuji zarovnat text dolů na stránku jenže nevím jak na to. Zkoušel jsem padding-bottom a vertical-align ale nic nefunguje. Zatím mám provizorně daný padding-top ale na větším rozlišení to vypadá divně. Předem díky za rady.

Odpovědět 8.10.2012 18:24
Bite my shiny, metal ass!
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na pardal486
David Čápka:

Vertical-align funguje jen v tabulkách. Co myslíš tím dolů na stránku? Jeslti patičku, tak vlož pod stránku prostě footer s textem.

Nahoru Odpovědět 8.10.2012 18:26
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
pardal486
Člen
Avatar
pardal486:

Aby ten text byl vždy dole na jakémkoliv rozlišení. Zatím to mám nastavené na 495px (myslím) pro rozlišení 1366x768. Zkusím ten footer.

Editováno 8.10.2012 18:29
Nahoru Odpovědět 8.10.2012 18:28
Bite my shiny, metal ass!
Avatar
matesax
Redaktor
Avatar
Odpovídá na pardal486
matesax:

Nechápu tvůj dotaz - kam si dáš mateřský element, tam budeš mít jeho text... (V tomto případě buď volně - bez nastavených pozic a marginů zařadíš daný element do spod, či mu jednoduše nastavíš příslušnou pozici. A to u jakéhokoliv elementu - třeba p/hx/...)

 
Nahoru Odpovědět 8.10.2012 18:29
Avatar
matesax
Redaktor
Avatar
Odpovídá na pardal486
matesax:

Aha:

HTML

<footer>
<p>
text...
</p>
</footer>

CSS

footer { width: 90%; height: 40px; margin: auto auto 0 auto; }

S CSS si samozřejmě pohraj- width může být klidně 100%, nebo margin-bottom může být třeba 10px...

Editováno 8.10.2012 18:35
 
Nahoru Odpovědět 8.10.2012 18:32
Avatar
Drahomír Hanák
Tým ITnetwork
Avatar
Odpovídá na pardal486
Drahomír Hanák:

Takhle budeš mít pořád (i při scrollování) ten text dole na stránce, pokud myslíš tohle:

position: fixed;
bottom: 0;
height: 40px;
 
Nahoru Odpovědět 8.10.2012 18:47
Avatar
pardal486
Člen
Avatar
pardal486:

Nevím co dělám špatně ale nefunguje. Mám tento kód:

<div class="reklama">
.....
</div>

A v css ostylovaný takto:

.reklama
{
        text-align: center;
        padding-top: 522px;
        font-size: 12px;
}

Ale chci abych tam nemusel mít padding-top ale něco jako padding-bottom (který mi nefunguje)

Nahoru Odpovědět 8.10.2012 18:49
Bite my shiny, metal ass!
Avatar
matesax
Redaktor
Avatar
Odpovídá na pardal486
matesax:

Už jsem ti to napsal!

{ width: 90%; height: 40px; margin: auto auto 0 auto; }
 
Nahoru Odpovědět 8.10.2012 18:53
Avatar
pardal486
Člen
Avatar
Odpovídá na matesax
pardal486:

Mě to ale nefunguje :(

Nahoru Odpovědět 8.10.2012 18:54
Bite my shiny, metal ass!
Avatar
matesax
Redaktor
Avatar
Odpovídá na pardal486
matesax:

To je nesmysl (jít to musí) - to moje si ani neukázal - ukázal jsi:

{
       text-align: center;
       padding-top: 522px;
       font-size: 12px;
}

To je úplně něco jiného...

A navíc můžeš jak napsal Drahoš - bottom: 0; position: fixed;

 
Nahoru Odpovědět 8.10.2012 18:58
Avatar
pardal486
Člen
Avatar
pardal486:

Přes ten footer mi to nefunguje, ale to drahošovo funguje. Jen bych chtěl dodat že bych ten text chtěl zarovnat na střed.

Nahoru Odpovědět 8.10.2012 19:07
Bite my shiny, metal ass!
Avatar
matesax
Redaktor
Avatar
Avatar
pardal486
Člen
Avatar
pardal486:

Když tam mám to drahošovo tak text-align nefunguje. Nemůže být chyba třeba v deklaraci dokumentu?

Nahoru Odpovědět 8.10.2012 19:19
Bite my shiny, metal ass!
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na pardal486
David Čápka:

Úplně nejlepší by bylo, kdyby jsi sem nahrál screenshot toho, čeho chceš docílit. Pořád jsi nám to totiž neřekl. Pokud chceš, aby byla reklama opravdu stále dole, na tom jednom místě, musíš použít fixní pozici (jak píše Drahomír Hanák). Na střed by mohlo jít zarovnat takto:

left: 50%;
Editováno 8.10.2012 19:19
Nahoru Odpovědět 8.10.2012 19:19
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
pardal486
Člen
Avatar
Odpovídá na David Čápka
pardal486:

Ano! Přesně to jsem potřeboval. Ono by to bylo stejně jedno jestli stále dole nebo úplně dole, protože pochybuju že by tam měl být scrollbar. Jinak moc díky za vaši trpělivost.

Nahoru Odpovědět 8.10.2012 19:22
Bite my shiny, metal ass!
Avatar
pardal486
Člen
Avatar
pardal486:

Jinak jsem potřeboval toto:

Editováno 8.10.2012 19:25
Nahoru Odpovědět 8.10.2012 19:25
Bite my shiny, metal ass!
Avatar
samo007
Redaktor
Avatar
Odpovídá na pardal486
samo007:

Obrázky sa na devbooku nedajú zväčšiť

 
Nahoru Odpovědět 8.10.2012 19:30
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na samo007
David Čápka:

To už se tu řešilo, pokud vím, dělá to jen IE, zatím jsme to neměli čas opravit.

Nahoru Odpovědět 8.10.2012 19:45
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
samo007
Redaktor
Avatar
Odpovídá na David Čápka
samo007:

som na mobile a ani tu to nejde. Mám pocit, že je to Google Chrome a ani tu to nejde

 
Nahoru Odpovědět 8.10.2012 21:46
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 19 zpráv z 19.