Հարցեր CSS-ի վերաբերյալ

[Chuk]

Հա, հասկացա: Սկզբում display: block փորձել էի, բայց երեւի ուրիշ տեղ էի գրել, կամ հետը ուրիշ բան էլ էի գրել, չգիտեմ, արդյունք չէր տվել:


Մի հատ էլ սենց հարց.

.postbitlegacy .postfoot .textcontrols a.post_thanks_button, .postbit .postfoot .textcontrols a.post_thanks_button {

սրա տակ որ ավելացնում եմ ասենք height: 50px, շնորհակալության պատկերակը իջնում ա ներքեւ (50px-ի կենտրոնով), իսկ կողքի տեքստը մնում ա վերեւում: Էդ ինչի՞ց ա գալիս, ո՞նց կարելի ա անել, որ համ պատկերակը, համ տեքստը էդ 50 պիքսելի մեջտեղով լինեն:

Ռամշ, հիմա ուղեղս ուրիշ տեղ ա, կարող ա ավելի հեշտ ձև կա, մտքովս չի անցնում, բայց ոնց-որ էդ արածդ ձևով արդյունքին հասնելու համար քիչ մը բաներ ա կոդում պետք ձևափոխել: Կարճ ասեմ, թե ինչի ա նկարն իջնում, իսկ տեքստը չէ:

Նկարը դրվում ա background-ով, ու իրա համար ուղղահայաց հավասարությունը կենտրոն ա դրած: Ասենք եթե փոխես, ու սրա փոխարեն՝ «url(images/buttons/post_thanks.png) no-repeat transparent left» գրես «url(images/buttons/post_thanks.png) no-repeat transparent left top», ապա նկարն էլ չի իջնի: Տեքստը ուղղահայաց կենտրոն դնելու համար vertical-align: middle ա պետք դնել, բայց էս դեպքում չի աշխատի, ուրիշ բաներ էլ ա պետք փոխել:

Իսկ քո ուզած արդյունքին էս դեպքում ավելի հեշտ ա padding-ներով հասնել՝ առանց height-ը օգտագործելու. padding-top:10px; padding-bottom:10px;
Դե պարզ ա, արդեն կարող ես ուզածդ չափերը դնել: