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 | 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 | 319 Bydlisko: HE/BA |
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 | 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 | 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 | 30 Bydlisko: Bratislava |
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 | 319 Bydlisko: HE/BA |
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 | 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 | 30 Bydlisko: Bratislava |
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 | 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 | 30 Bydlisko: Bratislava |
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 | 17 | |
Registrovaný: 17.08.07 Prihlásený: 20.08.07 Príspevky: 24 Témy: 0 | 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 | 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 | 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 | 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 | 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 | 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 |
---|
| v HTML, XHTML, XML, CSS | 2 | 332 | 12.02.2014 21:34 17mark | | v HTML, XHTML, XML, CSS | 2 | 559 | 07.10.2016 9:52 17mark | | v HTML, XHTML, XML, CSS | 10 | 571 | 04.02.2010 15:10 pilná lama glama | | v HTML, XHTML, XML, CSS | 2 | 1123 | 07.07.2009 9:38 php30 | | v HTML, XHTML, XML, CSS | 5 | 398 | 28.03.2013 0:29 Merlin_sk | | v HTML, XHTML, XML, CSS | 13 | 916 | 27.05.2008 16:16 Dodicek | | v HTML, XHTML, XML, CSS | 1 | 889 | 04.01.2009 20:26 chrono | | v HTML, XHTML, XML, CSS | 1 | 405 | 20.07.2010 20:20 Ďuri | | v HTML, XHTML, XML, CSS | 6 | 489 | 31.03.2008 16:56 emer | | v HTML, XHTML, XML, CSS | 17 | 2159 | 22.09.2008 14:30 Blackshadow | | v HTML, XHTML, XML, CSS | 1 | 860 | 31.12.2010 14:47 shaggy | | v HTML, XHTML, XML, CSS | 4 | 666 | 23.05.2009 22:44 Chooosen | | v HTML, XHTML, XML, CSS | 4 | 580 | 21.12.2007 19:46 Matho | | [ Choď na stránku: 1, 2 ] v HTML, XHTML, XML, CSS | 43 | 2032 | 03.12.2008 15:26 Draex | | v Video programy | 5 | 1299 | 15.10.2009 19:12 MAPO | | v JavaScript, VBScript, Ajax | 1 | 1052 | 15.08.2016 15:32 BX |
|