Sveiki,
Kuriu vieną nedidelį webuką. Prieš kurdamas pagrindiniame ir vieninteliame css faile nurodžiau savybę "body { padding: 0 80px 0 80px; background: #000000; }, tam kad būtų šonuose tarpai. Bekurent webuką sukuriau bloką "Prisijungimas" ir jam css faile nurodžiau tokias savybes "#prisijungimas{ padding: 10px 0 10px 20px; width: 100%; height: 40px; background: #3c3c3c; }". Norėčiau paklausti, kodėl blokas "Prisijungimas" išsikiša už kitų blokų, nors kitiems blokams taip pat nurodžiau width 100%.

Sveikas,

nurodydamas padding savybę turi nepamiršti, jog jos reikšmės prisideda prie galutinio elemento pločio ar aukščio. Taigi, jeigu width: 100%, height: 40px ir padding: 10px 0 10px 20px, tai galutiniai matmenys būtų tokie:

width: 100% + 20px (nes pločio atžvilgiu atitraukimas priskirtas tik iš kairės pusės),
height: 40px + 10px + 10px = 60px (nes aukščio atžvilgiu atitraukimas priskirtas tiek iš viršaus, tiek iš apačios po 10px).

Jeigu nurodai plotį procentais ir reikia atitraukimo, turi abejoms savybėms priskirti reikšmes tais pačiais matavimo vienetais.

Pavyzdžiui, šiuo atveju nurodei plotį procentais, o pridėjus atitraukimo blokas išsiplėtė daugiau negu reikia. Reiškia, tau reikia nuimti nuo width tiek, kiek pridėjai atitraukimo su padding. Tačiau čia iškyla problema, nes negali tiksliai nusakyti, kiek prie bloko pločio prideda procentalinės padding reikšmės. Taigi turi rinktis: abejoms savybėms nurodyti reikšmes pikseliais (px) arba procentais (%). Todėl šiuo atveju rekomenduoju padding reikšmes nurodyti procentais ir sumažinti width reikšmę.

#prisijungimas{ padding: 10px 0 10px 2%; width: 98%; height: 40px; background: #3c3c3c; }

Kaip matai, nebūtinai visos padding reikšmės turi būti vienodais matavimo vientais, todėl pridėjau procentinę reikšmę tik kairiajam bloko šonui.

Tikiuosi pagelbėjau.

Taip, ačiū labai padėjote. Visai pamiršau, kad nurodžius padding ar margin savybes reikia atitinkamai sumažinti bloka, dar karta dekui, kad tai priminėte ir paaiškinote.

Turiu dar porą klausimų. Kadangi mano klausimai trumpi naujos temos nekursiu, o tiesiok parašysiu čia. Norėčiau paklausti, kaip padaryti savo puslapyje lietuvių kalbą? w3school skaičiau, kad html tage reikia tiesiok įtraukti atributą lang="lt", tačiau man jį įtraukus mano puslapyje ir toliau raidės rašomos be diakritinių ženklų.

Dar vienas klasimėlis. Ar eina be skriptų sustabdyti marquee elemento bėgimą, kai ant jo užvedama pelė, jeigu taip, tai kaip?

Ačiū, kad skiriate laiko atsakyti, gal šiek tiek noobiškiems klausimams.

Dėl lietuvybės tai tarp head tag'ų reikia nurodyti šitą:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Gali pasižiūrėt kad ir šio puslapio source'ą, ir pamatysi kur tiksliai įdėti.

infactor rašė:

Dėl lietuvybės tai tarp head tag'ų reikia nurodyti šitą:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Gali pasižiūrėt kad ir šio puslapio source'ą, ir pamatysi kur tiksliai įdėti.

Dekui. (: