Pozicia obrazkov, ikon

[Momo]

Zdravim,
problem na mojej stranke je ten, ze sa mi obrazky ku kategoriam zobrazuju, ale iba cast z nich. Obrazky maju byt priradene ku kategoriam. V mojom pripade su priradene ale ich poziciia je pod urovnou kotegorii. Takze z obrazkov vidiet iba polovicu, potreboval by som tie obrazky posunut vyssie.

Moja stranka TU (http://test.kram.sk)

Tu je kod, ktory som pouzil na zobrazenie obrazkov ku kategoriam:
#directory .catcol ul li.maincat { height: 24px; overflow: hidden; }

#directory .catcol ul li.maincat a {

background: url("http://test.kram.sk/wp-content/uploads/2012/01/1326235730_CabrioletRed.png") no-repeat scroll 0 0 transparent;

display: table-cell;

line-height: 13px;

padding: 0 0 0px 54px;

vertical-align: middle;

float: left;

height: 24px;

width: 70%;

}

[palicko]

Ahoj, stačí keď zmeníš položku height, ktorá značí výšku, z 24px na napr. 50px. Respektíve si výšku si nastav podľa toho, aké veľké obrázky budú.

[Momo]

Ked to zmenim na hocico od 25 vyssie nic sa s tym nedeje...iba ked to znizujem tak ten obrazok ide dolu

[palicko]

Mne to takto funguje:

#directory .catcol ul li.maincat { height: 50px; overflow: hidden; }

#directory .catcol ul li.maincat a {

background: url("http://test.kram.sk/wp-content/uploads/2012/01/1326235730_CabrioletRed.png") no-repeat scroll 0 0 transparent;

display: table-cell;

line-height: 13px;

padding: 0 0 0px 54px;

vertical-align: middle;

float: left;

height: 50px;

width: 70%;

}

[Momo]

Mozem to niekde vidiet ?
Vdaka

[palicko]

Ak používaš Mozillu, stiahni si doplnok Firebug (http://getfirebug.com/), v ktorom si môžeš pozerať a upravovať HTML aj CSS kód otvorenej stránky, a hneď uvidíš aj zmeny, ktoré si urobil. Tieto zmeny sa ale ti neuložia natrvalo, takže ak si niečo upravíš v tom doplnku, musíš upraviť aj pôvodný kód priamo v súbore.
Chrome má tuším túto funkciu už vstavanú.