CSS Question

15 Dec 2005 7:12 PM

rlrcstr

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

15 Dec 2005 7:30 PM

Karl Seguin

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/

<rlrcstr@newsgroups.nospam> wrote in message

Show quoteHide quote

news:uX6SRuaAGHA.2908@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
>
>

15 Dec 2005 7:34 PM

Kevin Spencer

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.

<rlrcstr@newsgroups.nospam> wrote in message

Show quoteHide quote

news:uX6SRuaAGHA.2908@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
>
>

16 Dec 2005 12:09 AM

David Jessee

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/art/90x70/whatsnew.jpg); width: 90px;
height: 70px; }

then, put this in a document:


Wild...eh?

Show quoteHide quote

"rlrcstr@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
>
>
>

16 Dec 2005 3:26 AM

Steven Cheng[MSFT]

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/issues/05/11/CuttingEdge/default.aspx

http://66.129.71.130/QuickStartv20/aspnet/doc/themes/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.)

--------------------
Show quoteHide quote

microsoft.public.dotnet.framework.aspnet:365229
Show quoteHide quote

| 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/art/90x70/whatsnew.jpg); width:
90px;
| height: 70px; }
|
| then, put this in a document:
| 
|
| Wild...eh?
|
|
| "rlrcstr@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
| >
| >
| >
|

16 Dec 2005 11:30 AM

David Jessee

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.

Show quoteHide quote

"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/issues/05/11/CuttingEdge/default.aspx
>
> http://66.129.71.130/QuickStartv20/aspnet/doc/themes/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?= <DavidJes***@discussions.microsoft.com>
> | References: <uX6SRuaAGHA.2***@TK2MSFTNGP10.phx.gbl>
> | Subject: RE: CSS Question
> | Date: Thu, 15 Dec 2005 16:09:02 -0800
> | Lines: 30
> | Message-ID: <D7AF8A35-F097-4C49-9D32-895ECFB79***@microsoft.com>
> | 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!TK2MSFTNGXA03.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/art/90x70/whatsnew.jpg); width:
> 90px;
> | height: 70px; }
> |
> | then, put this in a document:
> | 
> |
> | Wild...eh?
> |
> |
> | "rlrcstr@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
> | >
> | >
> | >
> |
>
>