Stránka 1 z 3
Zarovnání stránky
Napsal: 11 led 2010 11:42
od Raziel00
Zdravíčko,
mám takový laický dotaz, tak se na mne prosím nezlobte
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>
)
Moc děkuji
Re: Zarovnání stránky
Napsal: 11 led 2010 14:17
od CZechBoY
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 :-)
Re: Zarovnání stránky
Napsal: 11 led 2010 15:04
od Raziel00
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?
Re: Zarovnání stránky
Napsal: 11 led 2010 15:13
od CZechBoY
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]
Re: Zarovnání stránky
Napsal: 11 led 2010 16:52
od Raziel00
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
Re: Zarovnání stránky
Napsal: 11 led 2010 17:07
od CZechBoY
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č.
Re: Zarovnání stránky
Napsal: 11 led 2010 18:02
od Tholus
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;}
Re: Zarovnání stránky
Napsal: 11 led 2010 21:17
od CZechBoY
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]
Re: Zarovnání stránky
Napsal: 11 led 2010 21:51
od Spectrik
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...
Re: Zarovnání stránky
Napsal: 11 led 2010 22:26
od Tholus
CZechBoY: Dávat margin do body je přece blbost, ne?
http://www.jakpsatweb.cz/css/margin.htmlPodívej se na můj web, tam to tak mám vyřešený.
Re: Zarovnání stránky
Napsal: 12 led 2010 00:58
od Myloš
Re: Zarovnání stránky
Napsal: 12 led 2010 08:33
od Raziel00
Pořád mi to nejde... Patrně se to s něčím tluče.
No nic, to máte jedno, stejně děkuju.