Negaliu sulygiuot teksto. html css.

Nusprendziau praplesti savo css zinias ir sumasciau praktikai sukarpyti ir sukoduoti dizaina. Viskas ejosi gana neblogai, tik dabar uztrigau nes nesilygiuoja naujienu tekstas.

Gal kas labiau pazenges sioje srityje dirsteltu ir mesteltu pora patarimu.

Dar prie to pacio paklausiu. Ant ps yra teksto stiliai tie smooth, sharp ir kiti. Juos galima kaipnors su css atvaizduoti ?

ziureti cia

elementams, kuriuose yra tekstas, sudėk paddingą. AA tekstui uždėti css pagalba nepavyks

siuo atveju p elementams ? Bandziau neveikia.

ne p elementams.

pvz turi tokį mark-up'ą:

<div id="sidebar>

<p> bla bla bla bla </p>

</div>

ir nori per 20px atitraukti tekstą iš šonų, bei po 10px iš viršaus ir apačios, tai stylesheete aprašai

#sidebar {

padding: 10px 20px 10px 20px;

}

arba shorthande tiesiog padding: 10px 20px;

Neveikia.

Okay, tai visų pirma ką reiškia "sulygiuoti tekstą"? Nes tekstas lygiuojasi su text-align:left/right/center/justify ir dabar jis yra sulygiuotas į left, kas yra gerai, nes justify naudot nėra gera praktika (jis dažniausiai naudojamas neteisingai ir gražiai atrodo tik su "kontroliuojamu" tekstu).

Visgi, jei nori atitraukt tekstą nuo šonų, kad nebūtų sulipęs su tinklalapio interfeiso blokais, tai reikėtų naudoti bgspwnz minėtą padding. Tik aš dar šiek tiek pridursiu prie to, ką rašė jis.

Visų pirma, bus patogu, jei kiekvieną naujieną (ir net visas jas kartu) dėsi į atskirą bloką (čia ateičiai):

<div class='naujienu-sarasas'><div
class='naujiena'><h2>antraste</h2><p>tekstas</p></div></div>

Tavo konkrečiu atveju turbūt labiausiai norėtum, kad padding'as būtų

pagrindiniam #main bloke (na, po to atitinkamai galėsi ir į šonus

sudėt). Dabar "main" aprašytas taip:

#main {
width: 404px;
margin: 0;
padding: 0px 0px 0 0px;
display: inline;
}

matom, kad padding: 0, ir to neliečiam, BET html'e visą #main turinį "apvedam" dar vienu elementu

<div id="main"><div class='padding'>...</div></div>

ir css'e .padding klasei uždedam kokį norim "atitraukimą" nuo šonų/viršaus/apačios.

.padding {
  padding-left:10px;
  padding-right:10px;
}

Kooooodėl naudojamas papildomas elementas, o padding nededamas tiesiai "ant" #main paklaus žingeidus skaitytojas. O todėl, kad #main turi fiksuotą plotį ir norint jį išlaikyti uždėjus padding'us reikės "pasiskaičiuot": t.y. jei norim 400px pločio ir uždedam 10px paddingą iš šonų, tai turėsim css'e rašyt, kad #main turi būt 380px pločio, nes paddingai praplės tą patį elementą.

Tikiuos, ką nors supratai iš mano padrikų aiškinimų, tiesiog norėjau būt šį vakarą geras ir kam nors ką nors padėt :))

<div id="sidebar>

<p> bla bla bla bla </p>

</div>

 

ir nori per 20px atitraukti tekstą iš šonų, bei po 10px iš viršaus ir apačios, tai stylesheete aprašai

#sidebar {

padding: 10px 20px 10px 20px;

}

 

arba shorthande tiesiog padding: 10px 20px;

Neveikia.

O kur tu keitei ką nors? Aš nerandu CSS'e kad būtų kas su paddingais tvarkyta..

Dekui Aurimai bandysiu gryzes namo ziuret.

O keist tai bandziau. Isbandziau visus man zinomus variantus, neveike, tai istryniau.