Jump to content
php.lv forumi

vg


capsx

Recommended Posts

Tu šobrīd runā par XHTML nevis CSS. Nea, XHTML nenodarbojas ar dizainu un tur nekādus dizaina mainīgos nebāž. Tu vari ari Javascript ģenerēt lietas un tad likt savus mainīgos kaut kādus, bet tas viss izklausās pēc varena via zhopa solution.

 

Iekš CSS mainīgie varbūt būs 3. versijā, bet ne tā kā tu to pieraksti. Šobrīd iekš XHTML var stilizēt elementu ar: <p style="width:50px;">tram param pam pam</p> vai arī aprakstot tā id vai class, kuram tas pieder:

XHTML:

<p id="about">Tram param</p>

<p class="entry">Tram param pam pam</p>

CSS:

p#about { width: 50px; }

p.entry { width: 40px; }

 

Lieta, ko neiesaku, bet var izmantot, ja vajag īpaši stilizēt elementus - izmanto vairākas klases viena elementa aprakstīšanai:

XHTML:

<p class="news intro">Tram param pam pam</p>

<ul class="news">

...

</ul>

CSS:

.news { color: blue; }

.intro { border: 1px solid #333; }

Link to comment
Share on other sites

Nesaprotu, kāds sakars starp id un width/height. Ja tev *ļoti* vajag iejaukt CSS markupā, izmanto inline metodi, t.i., style=".." atribūtus. Bet principā no tā būtu pēc iespējas jāizvairās.

 

Taisnību sakot, ja jautājuma doma bija šāda: elementam, ar id="aXX", kur XX ir skaitlis, nodefinēt dimensijas pēc šī skaitļa, tad tu vari vienkārši uztaisīt stilu katrai iespējamajai XX vērtībai. Piem., šādi:

 

#a101 { width: 101px; }

#a102 { width: 102px; }

...

#aNNN { width: NNNpx; }

 

Tikai nesakiet nevienam, ka es teicu tā darīt! :)

 

 

Lieta, ko neiesaku, bet var izmantot, ja vajag īpaši stilizēt elementus - izmanto vairākas klases viena elementa aprakstīšanai: ..

 

Kāpēc? Tam ir kāds iemesls? Afaik multiple classes ir tik pat normāli kā single un ir atrodamas arī http://www.w3.org/TR/CSS21/.

Link to comment
Share on other sites

Piem., šādi:

 

#a101 { width: 101px; }

#a102 { width: 102px; }

...

#aNNN { width: NNNpx; }

 

Tikai nesakiet nevienam, ka es teicu tā darīt! :)

 

doma ja bija taada ka negribas raxtiit name50, name100, namexxx....

Link to comment
Share on other sites

×
×
  • Create New...