CSS klausimas

Sveiki, durna klausima uzduosiu, koduojant CSS, kaip nustatyti paveiksliuku koordinates? Jau gal valanda ieskau, bet niekaip nerandu, o gal ieskot nemoku.

position:absolute;
left:100px;
top:150px;

src: http://www.w3schools.com/css/css_positioning.asp

Blemba turbut ne taip paklausiau, o kaip nustatyti, kaip zinot kokios bus ekrane, narsykleje? Kad kiekvienas butu savo vietoje

margin-top

margin-bottom

margin-right

margin-left

padding-top

padding-bottom

padding-right

padding-left

margin-top

margin-bottom

margin-right

margin-left

 

padding-top

padding-bottom

padding-right

padding-left

As ne kodu klausiu, is kur man zinot kokiose koordinatese turi buti headeris, pvz virsuj centre, kaip man isgaut tas koordinates?

As ne kodu klausiu, is kur man zinot kokiose koordinatese turi buti headeris, pvz virsuj centre, kaip man isgaut tas koordinates?

Nu tai tu sugalvok kokius nori skaičius, rašyk ir žiūrėk ar tinka tau toje vietoje ar ne. Tų skaičių tu iš niekur neišgausi, juos pačiam reikia sugalvoti.

Negi is lempos visi ir spelioja?

Negi is lempos visi ir spelioja?

Nu tai taip. Gi paprasčiausiai galvoji.. Jeigu nori truputi atitraukti, rašai 50px, 100px ar pan. Nori daugiau - rašai 200px, 300px. Pradžioje spėliojimas. Po to daug maž žinai kokį skaičių rašyti, kad būtų atitrauktas tiek, kiek nori. Patirtis

O gal yra kokia programa su kuria butu galima testuoti? Ta prasme nereiktu pastoviai junginet html failo, kad paziuret?

O gal yra kokia programa su kuria butu galima testuoti? Ta prasme nereiktu pastoviai junginet html failo, kad paziuret?

HTML failą paprasčiausiai atsidarai per naršyklę, o pakeitęs kodą perkrauni puslapį ir viskas. Paprasčiau nebūna. Na, nebent gali atsisiųsti Adobe Dreamweaver.

Nu dekui, tikrai padejai, siaip keitinejant tuos px tai visai gerai gaunasi, galvojau bus sudetingiau

Na, nėra už ką ;)

O gal yra kokia programa su kuria butu galima testuoti? Ta prasme nereiktu pastoviai junginet html failo, kad paziuret?

Chrome dev tools. Jei Firefox – Firebug :) Aišku, jei tenka visko koordinates atitaikyt, tai kažką ne taip koduoji ir kada nors sugrius tavo webas.

"Jei tenka visko koordinates atitaikyt,"

Ta prasme?

"Jei tenka visko koordinates atitaikyt,"

 

Ta prasme?

Ta prasme, kad neturėtum visur to naudoti – absoliutaus pozicionavimo :) Negaliu nieko sakyt nematydamas tavo kodo, bet...

Ta prasme, kad neturėtum visur to naudoti – absoliutaus pozicionavimo :) Negaliu nieko sakyt nematydamas tavo kodo, bet...

Na ziurek, pirma karta gyvenime kaska kodavau, tai labai nesmerk ;/

Piest dizainu nemoku tik siaip kaska papaisiau, kad tureciau ka sukoduot.

http://www.wonder-life.lt

Css faila prikabinau

style.css

Na ziurek, pirma karta gyvenime kaska kodavau, tai labai nesmerk ;/

 

Piest dizainu nemoku tik siaip kaska papaisiau, kad tureciau ka sukoduot.

 

http://www.wonder-life.lt

 

Css faila prikabinau

Headeris sucentruotas, o žemesnė tinklalapio dalis pastumta su absolute. Sumažink naršyklės langą ir pažiūrėk, kas gaunasi.

Jo ir pamaciau, kai i chrome nuejau dar kad kreiva, kaip tureciau keisi?

Jo ir pamaciau, kai i chrome nuejau dar kad kreiva, kaip tureciau keisi?

Nesu dizainų koduotojas, tad nesakau, kad bus kažkas idealaus, bet galiu maždaug užvest ant kelio. :)

http://jsfiddle.net/kyTRL/

Kaip su ta login dėžele geriausia daryti – dabar tiksliai nepasakysiu, pasižiūrėk, kaip kokios rimtos svetainės pasidariusios pas save. Tau vėlgi padės chrome dev tools :)

prisijungimo boxui gali panaudoti float:right;

naujienu boxui nenaudok viso iskirpto paveiksliuko kaip background. Nes jis siuo metu yra fixuotas ir ten tilsp ribotas kiekis teksto.

Paprasciausiai rasyk background:#000; - spalvos kodas

border-radius:5px; - padarys naujienu boxa apvaliais kampais

padding:10px 15px; - teksto padetis boxe

na ir aisku nustatyk width

Dekui jum uz pagalba, bandysiu kaska daryt

EDIT:

Dar klausimas, o pavyzdziui neimanoma padaryt, kad kiti asmenys nematytu mano .css ir .html kodo per page source? Nes db bet kas gali matyti.

Dekui jum uz pagalba, bandysiu kaska daryt

 

EDIT:

 

Dar klausimas, o pavyzdziui neimanoma padaryt, kad kiti asmenys nematytu mano .css ir .html kodo per page source? Nes db bet kas gali matyti.

Del to maziausiai turetum sukti galva.

Bet man siaip idomu.

Dekui jum uz pagalba, bandysiu kaska daryt

 

EDIT:

 

Dar klausimas, o pavyzdziui neimanoma padaryt, kad kiti asmenys nematytu mano .css ir .html kodo per page source? Nes db bet kas gali matyti.

Deja ne. Vis tiek jį turi naršyklė parsisiųsti tam, kad atvaizduotų. O ką parsiunčia, to jau nenuslėpsi nuo vartotojo :) Įmanoma visoks "obfuscatinimas", kad sunkiau jį būtų skaityti, bet bet kokie dev tools sudėlioja jį vėl gražiai :)

Nu aisku, atrodo apie CSS issiaiskinau, dekui jums, bandysiu kaska daryti, gal klausimas nei tema, bet pavyzdziui darant registracijos/prisijungimo sistema su php, tai ta lentele ir pats dizainas turi buti index.php ar index.html?