NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
Avatar
pardal486
Člen
Avatar
pardal486:8.10.2012 18:24

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 Hartinger
Vlastník
Avatar
Odpovídá na pardal486
David Hartinger:8.10.2012 18:26

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
New kid back on the block with a R.I.P
Avatar
pardal486
Člen
Avatar
pardal486:8.10.2012 18:28

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
Nahoru Odpovědět
8.10.2012 18:28
Bite my shiny, metal ass!
Avatar
matesax
Tvůrce
Avatar
Odpovídá na pardal486
matesax:8.10.2012 18:29

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
Tvůrce
Avatar
Odpovídá na pardal486
matesax:8.10.2012 18:32

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
 
Nahoru Odpovědět
8.10.2012 18:32
Avatar
Drahomír Hanák
Tvůrce
Avatar
Odpovídá na pardal486
Drahomír Hanák:8.10.2012 18:47

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:8.10.2012 18:49

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
Tvůrce
Avatar
Odpovídá na pardal486
matesax:8.10.2012 18:53

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:8.10.2012 18:54

Mě to ale nefunguje :(

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

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:8.10.2012 19:07

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
Tvůrce
Avatar
Odpovídá na pardal486
matesax:8.10.2012 19:16

text-align

 
Nahoru Odpovědět
8.10.2012 19:16
Avatar
pardal486
Člen
Avatar
pardal486:8.10.2012 19:19

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 Hartinger
Vlastník
Avatar
Odpovídá na pardal486
David Hartinger:8.10.2012 19:19

Ú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
Nahoru Odpovědět
8.10.2012 19:19
New kid back on the block with a R.I.P
Avatar
pardal486
Člen
Avatar
Odpovídá na David Hartinger
pardal486:8.10.2012 19:22

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:8.10.2012 19:25

Jinak jsem potřeboval toto:

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

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

 
Nahoru Odpovědět
8.10.2012 19:30
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na samo007
David Hartinger:8.10.2012 19:45

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
New kid back on the block with a R.I.P
Avatar
samo007
Tvůrce
Avatar
Odpovídá na David Hartinger
samo007:8.10.2012 21:46

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.