Puslapio centravimas

Sveiki. Reiktų pagalbos centruojant puslapį (kad rodytų naršyklės centre, bet ne iš kairiojo krašto). Esmė yra tokia-su photoshop sukarpiau ir automatiškai sukodavau "paveikslą" html ir css (čia tame pačiame faile photoshop'as sudėjo viską). Visas "paveikslas" sukarpytas į mažesnes dalis. Atvaizduoja teisingai, kaip ir noriu, viskas man tinka, tik niekur nerandu info, kaip padaryti, kad puslapis (sudarytas vien iš sukarpyto paveikslo, atskiro teksto nėra) būtų lygiuojamas ne kairėje pusėje, bet centre?

Ačiū iš anksto už pagalba.

P.S., visagaliu google naudojausi ir naudojuosi, tačiau nieko konkretesnio nerandu ;)

Visą puslapio turinį "apvelki" <div> elementu, tarkim <div id="container"> ir rašai css:

body {
 text-align: center;
 min-width: 960px;
}
#container {
 text-align: left;
 width: 960px;
 margin-left: auto;
 margin-right: auto;
}

Tai kad tu photoshope eksportavai nėra sukarpymas.

Tai kad tu photoshope eksportavai nėra sukarpymas.

Na taip taip, neatsiprintinau ir su žirklėm nekarpiau :D Bet klausimo esmė išlieka ta pati.

Na taip taip, neatsiprintinau ir su žirklėm nekarpiau :D Bet klausimo esmė išlieka ta pati.

Kai teks photoshopu kurti dizaina labai didelei sistemai, tada suprasi ka turiu omeny.

Visą puslapio turinį "apvelki" <div> elementu, tarkim <div id="container"> ir rašai css:

 

body {
 text-align: center;
 min-width: 960px;
}
#container {
 text-align: left;
 width: 960px;
 margin-left: auto;
 margin-right: auto;
}

manau text-align center gali neveikt, geriau float:center;

Tai kad "float:center;" neegzistuoja, iš kur tu čia tokį radai? :)

O "text-align:center;" skirtas IE, kitiem browseriam užtenka fiksuoto pločio elementui left/right margin nustatyti ant auto.

Kai teks photoshopu kurti dizaina labai didelei sistemai, tada suprasi ka turiu omeny.

Gal teks, gal neteks, čia jau mano problemos bus, dabar ne žodžių mūšį žaidžiu, o tiesiog forumo kolegų pagalbos prašau.

Visą puslapio turinį "apvelki" <div> elementu, tarkim <div id="container"> ir rašai css:

 

body {
  text-align: center;
  min-width: 960px;
}
#container {
  text-align: left;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

aš vietoj

margin-left: auto; ir  margin-right: auto;

rašau

margin: 0 auto;

nors tai esmės ir nekeičia, bet man kažkaip patogiau taip.

Na tai daugiau niekas jokių minčių neturi? Kodą galite pažiūrėti čia www.nudebeauty.eu (neveikia mygtukai rašant pranešimą, tad palikau pilną nuorodą). Dabar viską nuo kairiojo krašto esu pastūmęs 60px į dešinę. Gal bus kokių patarimų?

O Dieve... tu gal tom veliavom class ir float naudok, neisivaizduoju kam tu kekvienai veliaveliai css aprasineji, idek visas veliaveles i div'a, visa puslapi kaip minejo i konteineri ir viskas veiks kuo puikiausiai, o tu cia dvirati isradineji ir pats save apsisunkini.

O Dieve... tu gal tom veliavom class ir float naudok, neisivaizduoju kam tu kekvienai veliaveliai css aprasineji, idek visas veliaveles i div'a, visa puslapi kaip minejo i konteineri ir viskas veiks kuo puikiausiai, o tu cia dvirati isradineji ir pats save apsisunkini.

Kadangi dar nemoku motociklo sukonstruoti, tai tenka pirmiausia dviratį išrast :] Juk sakiau, kad su photoshop pasirinkau eksportuoti taip tai taip ir sudėliojo.

Esmė tame, kad photoshop atlieka tik tam tikrą funkciją puslapio kūrimo procese, net nebandyk vien su photoshop sukurti svetainės. Arba paprašyk kad kasnors sukarpytų ir sukoduotų tavo dizainą - http://uzdarbis.lt/f109/it-darbo-pasiulymai/ , arba invenstuok savo laiką pramokti HTML/CSS. Sekmės :)

Esmė tame, kad photoshop atlieka tik tam tikrą funkciją puslapio kūrimo procese, net nebandyk vien su photoshop sukurti svetainės. Arba paprašyk kad kasnors sukarpytų ir sukoduotų tavo dizainą - http://uzdarbis.lt/f109/it-darbo-pasiulymai/ , arba invenstuok savo laiką pramokti HTML/CSS. Sekmės :)

Dėkui dėkui :) O gal patarimų kokių turi, kur gerų pamokų rasti? Google jau bandžiau, bet nelabai kažką teradau.

Nežinau kaip pas tave su anglų kalba, bet pačius geriausius tutorialus turi nettuts+. Čia vienas iš jų - http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/

Nežinau kaip pas tave su anglų kalba, bet pačius geriausius tutorialus turi nettuts+. Čia vienas iš jų - http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/

Dėkui, pabandysim ;)

Na o pagrindus gali rasti cia: http://www.w3schools.com/css/.