2013-01-31 3 views
0

sc : image에 클래스 값을 추가하고 있지만 렌더 할 때 클래스 값이 올바르게 표시되지 않습니다. 여기가없이 HTML에서 어떻게 보이는지 렌더링 :sc에 클래스 값 추가 : 이미지가 표시되지 않습니다.

<a href="/"> 
    <sc:Image ID="Logo" runat="server" Field="Header Logo" class="logo" /> 
</a> 

를하지만 웹 페이지를 렌더링 할 때 그것은 다음과 같이 나타납니다 :

그러나

<a href="/"> 
    <img src="/~/media/logo.png" alt="" width="196" height="34"> 
</a> 

, 나는 이런 식으로 뭔가를 달성하고 싶다

<a href="/"> 
    <img src="/~/media/logo.png" alt="" width="196" height="34" class="logo"> 
</a> 

이 문제는 어떻게 해결해야합니까?

답변

4

이미지에 클래스를 적용하는 한 가지 방법은 CSS 클래스를 웹 컨트롤이 아닌 상위 블록 레벨에 배치하는 것입니다 (예 : 배치 DIV). 이렇게하면 이미지 자체가 아닌 전체 블록에서 스타일을 적용 할 수 있습니다.

<a href="/"> 
    <sc:Image ID="Logo" runat="server" Field="Header Logo" CssClass="logo" /> 
</a> 
+0

감사 제이 :

그것이 "클래스"태그로 밖으로 렌더링 있도록 이미지 컨트롤의 CssClass 속성을 사용해야의 IMG 태그에 직접 클래스를 적용합니다. 그게 효과가 있었어! –

관련 문제