| | |
| Stránka: 1 z 1
| [ Príspevkov: 17 ] | |
Autor | Správa |
---|
Registrovaný: 07.04.07 Prihlásený: 10.08.10 Príspevky: 171 Témy: 42 Bydlisko: Bratislava |
zaujimalo by ma ako sa pomocou CSS zarovnat layout na stred stranky ? Pretoze robim web pri rozliseni 1280x1024 je to na stred ale pri zmene rozlisenia sa web posuva do jednej strany. THx
_________________ Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy. |
|
Registrovaný: 26.11.06 Prihlásený: 22.01.24 Príspevky: 4118 Témy: 319 Bydlisko: HE/BA | Napísal Flety: 17.08.2007 20:42 | |
|
no ja som sa to tu uz pytal a poradili mi margin a pre ie daj do "obalovaca" a nastav mu text-align: center ak ces tak potom nastav naspet tamtemu centrovanemu bloku na left lebo je to dedicne a ehmn mimochodom skus kuknut temu CSS: Center ja som sa pytal to iste
<OT> hehe vsimli ste si ze aj ja viem daco do css uz??? aspon trochu a uz som aj poradil hehe som na seba pysny </OT>
|
|
Registrovaný: 07.04.07 Prihlásený: 10.08.10 Príspevky: 171 Témy: 42 Bydlisko: Bratislava |
aha uz vidim tu tvoju temu css center teraz ma vsetci spicuju ze zakladam novu temu zbytocne
_________________ Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy. |
|
Registrovaný: 07.04.07 Prihlásený: 10.08.10 Príspevky: 171 Témy: 42 Bydlisko: Bratislava |
Ale aj tak si myslim ze vecsina ludi dnes pouziva rozlisenie 1280na1024, alebo dalsim riesenim je spravit web dvakrat pre dve rozlisenia
_________________ Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy. |
|
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 Bydlisko: Bratislava | Napísal shaggy: 17.08.2007 21:15 | |
|
No, pre body nastav atribut text-align: center (to kvôli IE) a potom tomu hlavnému DIVu, v ktorom bude celý obsah daj margin: 0 auto; a bude to stále v strede
|
|
Registrovaný: 26.11.06 Prihlásený: 22.01.24 Príspevky: 4118 Témy: 319 Bydlisko: HE/BA | Napísal Flety: 17.08.2007 22:49 | |
|
je sica pravda ze to bude v strede iba horizontálne ale neva na vertikálne je dobre dat okolo 9.5% cize margin: 9.5% auto;
|
|
Registrovaný: 17.08.07 Prihlásený: 20.08.07 Príspevky: 24 Témy: 0 |
Drako píše: je sica pravda ze to bude v strede iba horizontálne ale neva na vertikálne je dobre dat okolo 9.5% cize margin: 9.5% auto;
sry za spam ale toto bolo dobre , toto isto pouzijem ked budem chciet zarovnat stranku na stred VERTIKALNE dik za supr radu, sak aj vidim ako to mas na tom tvojom webdizajne super v strede, fakt super , ty disgrafik
|
|
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 Bydlisko: Bratislava | Napísal shaggy: 18.08.2007 0:34 | |
|
Fúú, tak to dopadne keď radí človek, ktorý sám neovláda CSS. Ja viem, že som mu poradil iba horizontálne zarovnanie na stred, ale viac by ma zaujímalo ako si prišiel na 9.5% - je na to nejaký matematický vzorec?
Čisto teoreticky, mám viditeľných napr. 500px na monitore, hlavný DIV má 490px, takže keď dám horný okraj 9.5% tak mi to zarovná... nie na stred
Zarovnanie na stred vertikálne je trošku zložitejšie.
Na svojej prvej stránke, kde som prvý krát použil CSS pozicovanie som to vyriešil tak, že hlavný DIV, v ktorom bol celý ten obsah čo som chcel zarovnať vertikálne na stred mal takýto style:
Kód: #div { position: absolute; width: 600px; height: 400px; top: 50%; margin-top: -200px; ... }
dúfam, že ste to pochopili (či je aj iné riešenie, neviem. odvtedy som vertikálne centrovanie celej stránky nepoužil)
|
|
Registrovaný: 17.08.07 Prihlásený: 20.08.07 Príspevky: 24 Témy: 0 |
no podla mna na stred sa da zarovnat len pre jeden druh rozlisenia obrazoky, ci ako by ste vy povedali ?
|
|
Registrovaný: 21.02.06 Prihlásený: 08.12.14 Príspevky: 5404 Témy: 30 Bydlisko: Bratislava | Napísal shaggy: 18.08.2007 0:40 | |
|
Skús si ten môj kód a pochopíš, že si povedal trošku blbosť
Alebo inak, skúste si pozrieť moju stránku z ktorej ten kód je (je stará, tak nekritizujte) na rôznych rozlíšeniach:
http://shaggy.starehry.sk
|
|
Registrovaný: 17.10.06 Prihlásený: 08.01.11 Príspevky: 1752 Témy: 17 | |
Registrovaný: 17.08.07 Prihlásený: 20.08.07 Príspevky: 24 Témy: 0 |
zaujimave, aha jasne top 50%, som to len tak prebehol prvy krat tak tie % som si nevsimol
|
|
Registrovaný: 07.04.07 Prihlásený: 10.08.10 Príspevky: 171 Témy: 42 Bydlisko: Bratislava |
Mohli byste mi poradit na tomto konkretnom priklade ? Je to moja rozrobena stranka a stale mi to nejakok nejde.
Kód: <style>
#Header { position: absolute; width: 681px; height: 167px; border: none; left: 25%; top: 10px; margin: 0 auto; }
#MenuPravyOdsek { position: absolute; width: 27px; height: 100%; border: none; left: 25%; top: 177px; margin: 0 auto; }
#Menu_1 { position: absolute; width: 27px; border: none; left: 25%; top: 177px; margin: 0 auto; }
</style>
</head>
<body>
<!-- header --> <div id="Header" align="center"> <img src="file:///C|/Documents and Settings/tommy/Desktop/my web/images/image_01.jpg"/> </div> <!-- menu pravy odsek --> <div id="MenuPravyOdsek"> <img src="file:///C|/Documents and Settings/tommy/Desktop/my web/images/image_02.jpg"/> </div>
</body> </html>
_________________ Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy. |
|
Registrovaný: 17.08.07 Prihlásený: 20.08.07 Príspevky: 24 Témy: 0 |
to img src="///C,,.... nvm nejako sa mi to nepozdava, co vynato ?, no podla mna ked davas odkaz na img tak by si mal dat len tu cestu kde ho mas presne nahrany a to src="./images/nazovsuboru.jpg"
|
|
Registrovaný: 07.04.07 Prihlásený: 10.08.10 Príspevky: 171 Témy: 42 Bydlisko: Bratislava |
no povodne som to chcel uzapisat ten img do CSS ale nefuguje mi to tak som to musel normal cez html ... ale inak ide to v prehliadaci normalne
_________________ Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy. |
|
Registrovaný: 17.08.07 Prihlásený: 20.08.07 Príspevky: 24 Témy: 0 |
no tak kde je problem , ked hovoris ze to ide normalne ?
|
|
Registrovaný: 07.04.07 Prihlásený: 10.08.10 Príspevky: 171 Témy: 42 Bydlisko: Bratislava |
tu neslo o obrazky ... ale to uz je jedno
_________________ Ten, kto sa pýta, je hlupákom päť minút; ten kto sa nepýta, zostáva hlupákom navždy. |
|
| Stránka: 1 z 1
| [ Príspevkov: 17 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| zarovnanie divu na stred v HTML, XHTML, XML, CSS | 2 | 331 | 12.02.2014 21:34 17mark | | Vertikalne aj horizontalne zarovnanie na stred v HTML, XHTML, XML, CSS | 2 | 556 | 07.10.2016 9:52 17mark | | css zarovnanie textu v HTML, XHTML, XML, CSS | 2 | 1119 | 07.07.2009 9:38 php30 | | CSS zarovnanie divu v HTML, XHTML, XML, CSS | 5 | 397 | 28.03.2013 0:29 Merlin_sk | | CSS help zarovnanie v HTML, XHTML, XML, CSS | 10 | 570 | 04.02.2010 15:10 pilná lama glama | | problem s css - zarovnanie obrazka v HTML, XHTML, XML, CSS | 13 | 915 | 27.05.2008 16:16 Dodicek | | centrovanie na stred v HTML, XHTML, XML, CSS | 1 | 885 | 04.01.2009 20:26 chrono | | Prehliadač na stred v HTML, XHTML, XML, CSS | 1 | 403 | 20.07.2010 20:20 Ďuri | | nechce nacentrovat na stred v HTML, XHTML, XML, CSS | 6 | 487 | 31.03.2008 16:56 emer | | Poradte ako obrazok na stred v HTML, XHTML, XML, CSS | 17 | 2151 | 22.09.2008 14:30 Blackshadow | | Centrovanie grafiky na stred obrazovky v HTML, XHTML, XML, CSS | 1 | 859 | 31.12.2010 14:47 shaggy | | Problem s zarovnanim na stred v HTML, XHTML, XML, CSS | 4 | 665 | 23.05.2009 22:44 Chooosen | | Ako vertikalne zarovnan na stred toto? v HTML, XHTML, XML, CSS | 4 | 579 | 21.12.2007 19:46 Matho | | lave menu + stred obsah + neco na pravo [ Choď na stránku: 1, 2 ] v HTML, XHTML, XML, CSS | 43 | 2026 | 03.12.2008 15:26 Draex | | zrychlenie stred videa v sony vegas pro 8 v Video programy | 5 | 1298 | 15.10.2009 19:12 MAPO | | Dva obrázky prídu k sebe na stred obrazovky v JavaScript, VBScript, Ajax | 1 | 1048 | 15.08.2016 15:32 BX |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|