Zarovnání stránky

Raziel00 · Příspěvekod **Raziel00** » 11 led 2010 11:42

Zdravíčko,
mám takový laický dotaz, tak se na mne prosím nezlobte :smile:

Vytvořil jsem si webovou stránku v určitém designu, ale když ji otevřu např. na širokoúhlém monitoru, nebo použiji klávesovou zkratku CTRL plus -, a stránku v okně zmenším, zůstává mi celá stránka vlevo (->text ani nic jiného se nedeformuje). Já bych ovšem rád, aby se zarovnala na střed. Vytvářet webové stránky jsem se učil sám, takže jsem amatér. Poradil by mi někdo, jak to pomocí CSS vykoumat?
Tedy vycentrovat grafiku, texty, všechno...? (Hlavně mi neříkejte, že stačí dát na začátek a konec <center></center> :lol:

)
Moc děkuji :bigups:

Reklama

CZechBoY · Příspěvekod **CZechBoY** » 11 led 2010 14:17

a to [syntax lang=xhtml]<center></center>[/syntax]
nejde ? :-))
No pomocí CSS by to možná šlo.
Pokud chceš udělat fakt "pěknou" stránku tak dej left: 50%

Pokud chceš řešení docela pěkné tak dej na začátek [syntax lang=xhtml]<div align=center>[/syntax] a na konec dej [syntax lang=xhtml]</div>[/syntax]
Mě to celkem jde :-)

Raziel00 · Příspěvekod **Raziel00** » 11 led 2010 15:04

Inu, tohle mi nefunguje - patrně proto, že mám kvůli naskládané grafice absolutní pozice vrstev. (Myslím...)
Jen pro upřesnění... tu hodnotu left:50% jsi myslel normálně do definice CSS pod Body?

CZechBoY · Příspěvekod **CZechBoY** » 11 led 2010 15:13

ne do CSS.
Mě to druhé řešení funguje, to první byla jen sranda

Mrkni do zdroje na té stránce.
normálně dej za <body> tag <div align=center>
na konec stránky (před </body>) dej </div>
nebo ještě můžeš zkusit
[syntax lang=css]<style type="text/css">
body {
text-align: center;
}
</style>[/syntax]

Raziel00 · Příspěvekod **Raziel00** » 11 led 2010 16:52

Mohu tě ubezpečit, že tohle jsem zkoušel a nic.
Ostatně, zkoušel jsem to podobně už před časem.
To s tím textem je mi k ničemu, potřebuji s ním posunout i dalších 16 vrstev grafiky :smile:

CZechBoY · Příspěvekod **CZechBoY** » 11 led 2010 17:07

Mě to obrázek posunulo...
Jak to myslíš 16vrstev grafiky ?
Pokud myslíš pozadí tak dej background-image: url('obrazek.png'); background-position: center;
Pošli sem odkaz na web ať se ví o čem je řeč.

Tholus · Příspěvekod **Tholus** » 11 led 2010 18:02

Celou stránku obal divem (nebo použij základní div, co ti drží stránku pohromadě) a nějak ho nazvi, pak do CSS vlož:
jmeno_divu {margin-left: auto;margin-right: auto;}

CZechBoY · Příspěvekod **CZechBoY** » 11 led 2010 21:17

to by mě zajmalo k čemu je ten margin: auto... však to nic neudělá.
Psal jsem mu ať dá na začátek <div align=center> a na konec </div>
to tvoje řešení by mohlo v CSS vypadat takto:
[syntax lang=css]body {margin: auto;}[/syntax]

Spectrik · Příspěvekod **Spectrik** » 11 led 2010 21:51

pokud máš celej web jakoby v nějakém <div> a pak už obsah.. tak klasicky funguje toto:

//obalující DIV

#obsah {
width: např. 200px;
position: absolute;
left: 50%;
margin-left: -100px; // polovina šířky v záporné hodnotě

Mě toto vždy pomůže...

Tholus · Příspěvekod **Tholus** » 11 led 2010 22:26

CZechBoY: Dávat margin do body je přece blbost, ne? :smile:

http://www.jakpsatweb.cz/css/margin.html

Podívej se na můj web, tam to tak mám vyřešený.

Příspěvekod **Myloš** » 12 led 2010 00:58

http://tiso.wz.cz/articles/vycentrovani ... tranky.php

Raziel00 · Příspěvekod **Raziel00** » 12 led 2010 08:33

Pořád mi to nejde... Patrně se to s něčím tluče.
No nic, to máte jedno, stejně děkuju.

Zarovnání stránky

Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Kdo je online