468,766 Members | 1,545 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,766 developers. It's quick & easy.

CSS Question

I want to define a style that automatically associates a specific image with
certain IMG elements. Is there a way to do this with ASP.NET? If I use an
ASP.NET image control and specify a class that has a src property specified,
it doesn't seem to do anything. Thanks.

Jerry
Dec 15 '05 #1
5 1493
I take it you are talking about the attribute value selector, ala
img[src="blah.gif"]. It doesn't work in IE.

As far as I'm concerned, your best solution is to write a simple custom
server control

public class MyImage : HtmlImage
{
protected override Render(HtmlTextWriter writer)
{
base.Src = "yourFile.jpg";
base.Attributes.Add("class", "YourClass");
}
}
Karl
--
MY ASP.Net tutorials
http://www.openmymind.net/
<rl*****@newsgroups.nospam> wrote in message
news:uX**************@TK2MSFTNGP10.phx.gbl...
I want to define a style that automatically associates a specific image
with
certain IMG elements. Is there a way to do this with ASP.NET? If I use
an
ASP.NET image control and specify a class that has a src property
specified,
it doesn't seem to do anything. Thanks.

Jerry

Dec 15 '05 #2
There is no CSS style for this.

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer
You can lead a fish to a bicycle,
but it takes a very long time,
and the bicycle has to *want* to change.

<rl*****@newsgroups.nospam> wrote in message
news:uX**************@TK2MSFTNGP10.phx.gbl...
I want to define a style that automatically associates a specific image
with
certain IMG elements. Is there a way to do this with ASP.NET? If I use
an
ASP.NET image control and specify a class that has a src property
specified,
it doesn't seem to do anything. Thanks.

Jerry

Dec 15 '05 #3
Officially, css does not support that.

......however..... ;-)

CSS does wonderful things with backgrounds.

try this out.....
Create this style.....

..foo { background-image:
url(http://msdn.microsoft.com/vcsharp/ar...whatsnew.jpg); width: 90px;
height: 70px; }

then, put this in a document:
<span class="foo"></SPAN>

Wild...eh?
"rl*****@newsgroups.nospam" wrote:
I want to define a style that automatically associates a specific image with
certain IMG elements. Is there a way to do this with ASP.NET? If I use an
ASP.NET image control and specify a class that has a src property specified,
it doesn't seem to do anything. Thanks.

Jerry

Dec 16 '05 #4
Hi Jerry,

Are you using ASP.NET 1.1 or ASP.NET 2.0?
For ASP.NET 1.1, we're limited to css style and since there is not image
src in CSS style, you can consider David 's suggestion on using
background-image CSS style for other html element to simulate the image
control ......

For ASP.NET 2.0, it provide the Theme/Skin feature which can help us define
server control style, thus, we can define a certain Theme and Skin for
Image control, and apply the Theme to whatever page which will contains
those Image control with our specific image src ..... e.g:

======theme/skin file=============

<asp:Image SkinID="RandSkin" runat="server" ImageUrl="~/images/rand.jpg" />

=========page....======================
<%@ Page Language="C#" StylesheetTheme="simpleTheme" AutoEventWireup="tr

<asp:Image ID="Image1" runat="server" SkinID="randSkin" />
http://msdn.microsoft.com/msdnmag/is...e/default.aspx

http://66.129.71.130/QuickStartv20/a...s/default.aspx
Hope helps. Thanks,

Steven Cheng
Microsoft Online Support

Get Secure! www.microsoft.com/security
(This posting is provided "AS IS", with no warranties, and confers no
rights.)
--------------------
| Thread-Topic: CSS Question
| thread-index: AcYB1OvgVV4Fyq2mTPaCaKPS0F7oZg==
| X-WBNR-Posting-Host: 63.166.215.80
| From: =?Utf-8?B?RGF2aWQgSmVzc2Vl?= <Da*********@discussions.microsoft.com>
| References: <uX**************@TK2MSFTNGP10.phx.gbl>
| Subject: RE: CSS Question
| Date: Thu, 15 Dec 2005 16:09:02 -0800
| Lines: 30
| Message-ID: <D7**********************************@microsoft.co m>
| MIME-Version: 1.0
| Content-Type: text/plain;
| charset="Utf-8"
| Content-Transfer-Encoding: 7bit
| X-Newsreader: Microsoft CDO for Windows 2000
| Content-Class: urn:content-classes:message
| Importance: normal
| Priority: normal
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.3790.0
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: TK2MSFTNGXA03.phx.gbl 10.40.2.250
| Path: TK2MSFTNGXA02.phx.gbl!TK2MSFTNGXA01.phx.gbl!TK2MSF TNGXA03.phx.gbl
| Xref: TK2MSFTNGXA02.phx.gbl
microsoft.public.dotnet.framework.aspnet:365229
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| Officially, css does not support that.
|
| .....however..... ;-)
|
| CSS does wonderful things with backgrounds.
|
| try this out.....
| Create this style.....
|
| .foo { background-image:
| url(http://msdn.microsoft.com/vcsharp/ar...whatsnew.jpg); width:
90px;
| height: 70px; }
|
| then, put this in a document:
| <span class="foo"></SPAN>
|
| Wild...eh?
|
|
| "rl*****@newsgroups.nospam" wrote:
|
| > I want to define a style that automatically associates a specific image
with
| > certain IMG elements. Is there a way to do this with ASP.NET? If I
use an
| > ASP.NET image control and specify a class that has a src property
specified,
| > it doesn't seem to do anything. Thanks.
| >
| > Jerry
| >
| >
| >
|

Dec 16 '05 #5
Very true. I'm actually thrilled about master pages and the way they can
give you standardized content across pages.

I know the folks at microsoft did a lot fo work on Themes. But I personally
became a huge suppporter of using CSS exclusively when I saw this site:

http://www.csszengarden.com

It consists of the same HTML document....800 times over and over and
over...with nothing different except for the style sheet. I knew that style
sheets were powerful, but the site really let me see how much they can do
and, more importantly, how much we DON'T have to worry about formatting when
we're laying out our pages. It was one of the few times I was rendered
speechless by what ingenious geeks (and I use that as a compliment!) can do.

http://www.csszengarden.com/?cssfile=188/188.css
http://www.csszengarden.com/?cssfile=181/181.css
http://www.csszengarden.com/?cssfile=177/177.css

check it out.

"Steven Cheng[MSFT]" wrote:
Hi Jerry,

Are you using ASP.NET 1.1 or ASP.NET 2.0?
For ASP.NET 1.1, we're limited to css style and since there is not image
src in CSS style, you can consider David 's suggestion on using
background-image CSS style for other html element to simulate the image
control ......

For ASP.NET 2.0, it provide the Theme/Skin feature which can help us define
server control style, thus, we can define a certain Theme and Skin for
Image control, and apply the Theme to whatever page which will contains
those Image control with our specific image src ..... e.g:

======theme/skin file=============

<asp:Image SkinID="RandSkin" runat="server" ImageUrl="~/images/rand.jpg" />

=========page....======================
<%@ Page Language="C#" StylesheetTheme="simpleTheme" AutoEventWireup="tr

<asp:Image ID="Image1" runat="server" SkinID="randSkin" />
http://msdn.microsoft.com/msdnmag/is...e/default.aspx

http://66.129.71.130/QuickStartv20/a...s/default.aspx
Hope helps. Thanks,

Steven Cheng
Microsoft Online Support

Get Secure! www.microsoft.com/security
(This posting is provided "AS IS", with no warranties, and confers no
rights.)
--------------------
| Thread-Topic: CSS Question
| thread-index: AcYB1OvgVV4Fyq2mTPaCaKPS0F7oZg==
| X-WBNR-Posting-Host: 63.166.215.80
| From: =?Utf-8?B?RGF2aWQgSmVzc2Vl?= <Da*********@discussions.microsoft.com>
| References: <uX**************@TK2MSFTNGP10.phx.gbl>
| Subject: RE: CSS Question
| Date: Thu, 15 Dec 2005 16:09:02 -0800
| Lines: 30
| Message-ID: <D7**********************************@microsoft.co m>
| MIME-Version: 1.0
| Content-Type: text/plain;
| charset="Utf-8"
| Content-Transfer-Encoding: 7bit
| X-Newsreader: Microsoft CDO for Windows 2000
| Content-Class: urn:content-classes:message
| Importance: normal
| Priority: normal
| X-MimeOLE: Produced By Microsoft MimeOLE V6.00.3790.0
| Newsgroups: microsoft.public.dotnet.framework.aspnet
| NNTP-Posting-Host: TK2MSFTNGXA03.phx.gbl 10.40.2.250
| Path: TK2MSFTNGXA02.phx.gbl!TK2MSFTNGXA01.phx.gbl!TK2MSF TNGXA03.phx.gbl
| Xref: TK2MSFTNGXA02.phx.gbl
microsoft.public.dotnet.framework.aspnet:365229
| X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet
|
| Officially, css does not support that.
|
| .....however..... ;-)
|
| CSS does wonderful things with backgrounds.
|
| try this out.....
| Create this style.....
|
| .foo { background-image:
| url(http://msdn.microsoft.com/vcsharp/ar...whatsnew.jpg); width:
90px;
| height: 70px; }
|
| then, put this in a document:
| <span class="foo"></SPAN>
|
| Wild...eh?
|
|
| "rl*****@newsgroups.nospam" wrote:
|
| > I want to define a style that automatically associates a specific image
with
| > certain IMG elements. Is there a way to do this with ASP.NET? If I
use an
| > ASP.NET image control and specify a class that has a src property
specified,
| > it doesn't seem to do anything. Thanks.
| >
| > Jerry
| >
| >
| >
|

Dec 16 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Mohammed Mazid | last post: by
3 posts views Thread by Stevey | last post: by
10 posts views Thread by glenn | last post: by
53 posts views Thread by Jeff | last post: by
56 posts views Thread by spibou | last post: by
2 posts views Thread by Allan Ebdrup | last post: by
3 posts views Thread by Zhang Weiwu | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by zhoujie | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.