css sintaksė

Žiūrinėju po truputį .css kodą, bet niekaip neišsiaiškinu kada dedamas(nededamas) kalbliataškis.

Šitam pvz nededa po paskutinės eilutės

p

{

text-align: center;

color: black;

font-family: arial

}

Bet esu matęs pavyzdžių, kur po kiekvienos eilutės(ir paskutinės) deda kabliataškį. Tai kaip čia yra, gal kas nusimanantis paaiškins. Ačiū

Prie to pacio , gal man padesit suligiuot teksta. Reikia kad jis butu viduri butono , o ne virsuje.

h5 {
 font-size: 13px;
 margin: 0px;
 font-weight: bold;
 color: #000;
 background: url("images/rightmenu-top.gif");
 height: 30px;
 width: 210px;
 text-align: center;
 margin: 0px 0px px 5px;



}

Kabliataskis seip dedamas po kiekvieno sakinio. tomola zaisk su paddingu

Kabliataškis dedamas po kiekvienos eilutes, tik paskutinėje nebūtinas jei daugiau eilučių nebus.

Žiūrinėju po truputį .css kodą, bet niekaip neišsiaiškinu kada dedamas(nededamas) kalbliataškis.

 

Šitam pvz nededa po paskutinės eilutės

 

 

Bet esu matęs pavyzdžių, kur po kiekvienos eilutės(ir paskutinės) deda kabliataškį. Tai kaip čia yra, gal kas nusimanantis paaiškins. Ačiū

na kabliataskis dedamas po kiek vienos eilutes tik paskutineje gali nedeti :)

Prie to pacio , gal man padesit suligiuot teksta. Reikia kad jis butu viduri butono , o ne virsuje.

 

h5 {
 font-size: 13px;
 margin: 0px;
 font-weight: bold;
 color: #000;
 background: url("images/rightmenu-top.gif");
 height: 30px;
 width: 210px;
 text-align: center;
 margin: 0px 0px px 5px;



}

pirma pabandyk pasalinti viena margin :) o jei nepavyks margin: auto; bandyk

Prie to pacio , gal man padesit suligiuot teksta. Reikia kad jis butu viduri butono , o ne virsuje.

 

h5 {
 font-size: 13px;
 margin: 0px;
 font-weight: bold;
 color: #000;
 background: url("images/rightmenu-top.gif");
 height: 30px;
 width: 210px;
 text-align: center;
 margin: 0px 0px px 5px;



}

bandyk pridet line-height:xx px;

pvz:

line-height: 5px;

margin: 0px 0px px 5px;

Pirmas skaičius atstumas nuo viršaus, antras - right, trečias - bottom, ketvirtas - left

h5 {

font-size: 13px;

margin: 0px;

font-weight: bold;

color: #000;

background: url("images/rightmenu-top.gif");

height: 30px;

width: 210px;

text-align: center;

margin: 0 0 0 0;

}

margin: 0px 0px px 5px;

Pirmas skaičius atstumas nuo viršaus, antras - right, trečias - bottom, ketvirtas - left

Pagal laikrodi galima atsimint beto kai 0 - "px" nebūtina rašyt. :)

Natai dekui , nezinojau situ dalyku , visada speliodavau :)

Nieko nesigavo , kaip pridedu line-height tai tekstas dar auksciau pakyla , man ji nuleisti reikia . Kaip zaidziu su paddingais tai , tas butonas irgi prasitesia , jeigu nuleidziu teksta tai repeatinasi buttonas .

Nieko nesigavo , kaip pridedu line-height tai tekstas dar auksciau pakyla , man ji nuleisti reikia . Kaip zaidziu su paddingais tai , tas butonas irgi prasitesia , jeigu nuleidziu teksta tai repeatinasi buttonas .

Labai nesigilinau į tavo problema bet jeigu nori kad nesirepeatintu backgroundas tai:

background:transparent url(../img/test.jpg) no-repeat [pozicija x] [pozicija y];

Dar yra variantai repeat-x ir repeat-y turetum suprast ką reiškia

Situs as pats zinau , rasai no-repeat ar repeat-x vistiek nepadeda.

Hm... gal bandyk

text-indent : 2px;

Bet tiksliai nežinau, nes neatsimenu ką jis tiksliai daro :)

Dadėk :

padding: 0px 0px 0px 0px;

Ką kuris skaičius nurodo jau žinai :)

h5 {

font-size: 13px;

font-weight: bold;

color: #000;

background: url("images/rightmenu-top.gif");

height: 30px;

width: 210px;

text-align: center;

padding: 5px 0px 0px 0px;

}

Gali žaisti su margin :) man padeda :)

Taigi rasiau , kad padding man kartu ir repeatina buttona , kazkokia nesamone.

h5 {

font-size: 13px;

font-weight: bold;

color: #000;

height: 30px;

width: 210px;

text-align: center;

padding: 20px;

background: url("images/rightmenu-top.gif");

}

Pas mane dabar per viduri tekstas

nesu ekspertas su CSS, bet gal padės:

h5 {
 font-size: 13px;
 margin: 0px;
 font-weight: bold;
 color: #000;
 background: url("images/rightmenu-top.gif");
 height: 30px;
 width: 210px;
 text-align: center;
}

nuimtas margin. Mano spėjimas: text-align: center eina prieš margin, kiek žinau, css naudoja vėliausiai panaudotas funkcijas/komandas. Taip išeitų, jog tekstas buvo atitrauktas nuo kairės per 5 pikselius nepaisant aukštesnės komandos text-align.

Nežinau, gal aš klįstu ...