Показване само на част от картинката

smoke

Registered
Здравейте,
зареждам дадена картинка така:

HTML:
<p class="entry-thumb">
						<a href="../../work/multiple-slides/index.html" title="Multiple Slides">
						<span class="frame"><span class="frame-inner">
							<img width="191" src="images/lock2.png" class="attachment-c-3 wp-post-image" alt="lady5_v01" title="lady5_v01" />
						<span class="indicator indicator-document"><span></span></span>
						</span>
						</span></a>					
					</p>

как да направя по height да показва само 130px
 
ох вижте че съм добавил и width ако добавя и height снимката ще се збие искам просто след като стане с width 191 да се направи така че като се сложи height някъде тя да не се збива цялата и да става с тези размери ами да показва часта до която е този height

ето пример

снимката се збива с width 191 и става да кажем 191x300 да речем обаче да показва 191x130 но това 130 да показва до там а не да се збива на такъв width i height

с div не ми се получава защото има еидн hover а темплейта не е мой и тнт
 
smoke каза:
ох вижте че съм добавил и width ако добавя и height снимката ще се збие искам просто след като стане с width 191 да се направи така че като се сложи height някъде тя да не се збива цялата и да става с тези размери ами да показва часта до която е този height

ето пример

снимката се збива с width 191 и става да кажем 191x300 да речем обаче да показва 191x130 но това 130 да показва до там а не да се збива на такъв width i height

с div не ми се получава защото има еидн hover а темплейта не е мой и тнт
Точно с това което ти е дал @shterev се постига желания ефект, който искаш. :?:
 
smoke каза:
вия гледате ли какво пиша че не ми трябва с дИВ !!
HTML:
<p class="entry-thumb">
                                                <a href="../../work/multiple-slides/index.html" title="Multiple Slides">
                                                <span class="frame"><span class="frame-inner">
<span style="background:url(images/lock2.png) no-repeat center center;width:191px;height:130px;" class="attachment-c-3 wp-post-image"></span>
                                                <span class="indicator indicator-document"><span></span></span>
                                                </span>
                                                </span></a>                                     
                                        </p>
:idea:
 

Back
Горе