[ Príspevkov: 17 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42 | 42
Bydlisko: Bratislava
NapísalOffline : 17.08.2007 20:39 | CSS : Zarovnanie na stred

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.
Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
NapísalOffline : 17.08.2007 20:42 | CSS : Zarovnanie na stred

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 :D

<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 :D</OT>


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42 | 42
Bydlisko: Bratislava
Napísal autor témyOffline : 17.08.2007 20:45 | CSS : Zarovnanie na stred

aha uz vidim tu tvoju temu css center :D 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.
Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42 | 42
Bydlisko: Bratislava
Napísal autor témyOffline : 17.08.2007 20:46 | CSS : Zarovnanie na stred

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.
Offline

Čestný člen
Čestný člen
CSS : Zarovnanie na stred

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline : 17.08.2007 21:15 | CSS : Zarovnanie na stred

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 ;)


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 26.11.06
Prihlásený: 22.01.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
NapísalOffline : 17.08.2007 22:49 | CSS : Zarovnanie na stred

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;


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0 | 0
NapísalOffline : 18.08.2007 0:20 | CSS : Zarovnanie na stred

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;

:lol: sry za spam ale toto bolo dobre :-D , 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


Offline

Čestný člen
Čestný člen
CSS : Zarovnanie na stred

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline : 18.08.2007 0:34 | CSS : Zarovnanie na stred

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 :P
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)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0 | 0
NapísalOffline : 18.08.2007 0:38 | CSS : Zarovnanie na stred

no podla mna na stred sa da zarovnat len pre jeden druh rozlisenia obrazoky, ci ako by ste vy povedali ?


Offline

Čestný člen
Čestný člen
CSS : Zarovnanie na stred

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5404
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline : 18.08.2007 0:40 | CSS : Zarovnanie na stred

Skús si ten môj kód a pochopíš, že si povedal trošku blbosť :rolleyes:
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


Offline

Čestný člen
Čestný člen
CSS : Zarovnanie na stred

Registrovaný: 17.10.06
Prihlásený: 08.01.11
Príspevky: 1752
Témy: 17 | 17
NapísalOffline : 18.08.2007 0:46 | CSS : Zarovnanie na stred

ked uz riesite vertikalne centrovanie tak toto je celkom k veci http://www.pixy.cz/pixylophone/2003_11_archiv.html#1069250243


_________________
A Real Programmer might or might not know his wife's name. He does, however, know the entire ASCII code table.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0 | 0
NapísalOffline : 18.08.2007 0:47 | CSS : Zarovnanie na stred

zaujimave, aha jasne top 50%, som to len tak prebehol prvy krat tak tie % som si nevsimol


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42 | 42
Bydlisko: Bratislava
Napísal autor témyOffline : 18.08.2007 12:19 | CSS : Zarovnanie na stred

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.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0 | 0
NapísalOffline : 18.08.2007 14:40 | CSS : Zarovnanie na stred

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"


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42 | 42
Bydlisko: Bratislava
Napísal autor témyOffline : 18.08.2007 14:51 | CSS : Zarovnanie na stred

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.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.08.07
Prihlásený: 20.08.07
Príspevky: 24
Témy: 0 | 0
NapísalOffline : 18.08.2007 17:39 | CSS : Zarovnanie na stred

no tak kde je problem , ked hovoris ze to ide normalne ?


Offline

Užívateľ
Užívateľ
CSS : Zarovnanie na stred

Registrovaný: 07.04.07
Prihlásený: 10.08.10
Príspevky: 171
Témy: 42 | 42
Bydlisko: Bratislava
Napísal autor témyOffline : 18.08.2007 18:57 | CSS : Zarovnanie na stred

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.
 [ Príspevkov: 17 ] 


CSS : Zarovnanie na stred



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

zarovnanie divu na stred

v HTML, XHTML, XML, CSS

2

332

12.02.2014 21:34

17mark

V tomto fóre nie sú ďalšie neprečítané témy.

Vertikalne aj horizontalne zarovnanie na stred

v HTML, XHTML, XML, CSS

2

559

07.10.2016 9:52

17mark

V tomto fóre nie sú ďalšie neprečítané témy.

CSS help zarovnanie

v HTML, XHTML, XML, CSS

10

571

04.02.2010 15:10

pilná lama glama

V tomto fóre nie sú ďalšie neprečítané témy.

css zarovnanie textu

v HTML, XHTML, XML, CSS

2

1123

07.07.2009 9:38

php30

V tomto fóre nie sú ďalšie neprečítané témy.

CSS zarovnanie divu

v HTML, XHTML, XML, CSS

5

398

28.03.2013 0:29

Merlin_sk

V tomto fóre nie sú ďalšie neprečítané témy.

problem s css - zarovnanie obrazka

v HTML, XHTML, XML, CSS

13

916

27.05.2008 16:16

Dodicek

V tomto fóre nie sú ďalšie neprečítané témy.

centrovanie na stred

v HTML, XHTML, XML, CSS

1

889

04.01.2009 20:26

chrono

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Prehliadač na stred

v HTML, XHTML, XML, CSS

1

405

20.07.2010 20:20

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

nechce nacentrovat na stred

v HTML, XHTML, XML, CSS

6

489

31.03.2008 16:56

emer

V tomto fóre nie sú ďalšie neprečítané témy.

Poradte ako obrazok na stred

v HTML, XHTML, XML, CSS

17

2159

22.09.2008 14:30

Blackshadow

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Centrovanie grafiky na stred obrazovky

v HTML, XHTML, XML, CSS

1

860

31.12.2010 14:47

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Problem s zarovnanim na stred

v HTML, XHTML, XML, CSS

4

666

23.05.2009 22:44

Chooosen

V tomto fóre nie sú ďalšie neprečítané témy.

Ako vertikalne zarovnan na stred toto?

v HTML, XHTML, XML, CSS

4

580

21.12.2007 19:46

Matho

V tomto fóre nie sú ďalšie neprečítané témy.

lave menu + stred obsah + neco na pravo

[ Choď na stránku:Choď na stránku: 1, 2 ]

v HTML, XHTML, XML, CSS

43

2032

03.12.2008 15:26

Draex

V tomto fóre nie sú ďalšie neprečítané témy.

zrychlenie stred videa v sony vegas pro 8

v Video programy

5

1299

15.10.2009 19:12

MAPO

V tomto fóre nie sú ďalšie neprečítané témy.

Dva obrázky prídu k sebe na stred obrazovky

v JavaScript, VBScript, Ajax

1

1052

15.08.2016 15:32

BX



© 2005 - 2024 PCforum, edited by JanoF