Apply stylesheet to Hyperlink server control

  • Thread starter Thread starter Redhairs
  • Start date Start date
R

Redhairs

When I set up a image link with Hyperlink server control as below
<asp:HyperLink ID="thelink" runat=server Text="thelink"
NavigateUrl="#toWhere" ImageUrl="theLinkIMage.gif" />
the html output will be <a href="#toWhere"><Img src="theLinkImage.gif"
style="border-width:0px;"></a>

How to remove the built-in style and apply style sheet to the <img> tag?
 
Make your own style class in a stylesheet and assign it to the CssClass
property. Or make a rule for a or for img. You can make it apply to that
link only. There are many thinks you can make with css.
 
I have tried both way but they don't work.
If I set the CssClass of the HyperLink control, the class property will be
added to the <A> tag instead of the <Img> tag.
I also create css rule for img but the default style(border-width:0px" will
override the rule.

Eliyahu Goldin said:
Make your own style class in a stylesheet and assign it to the CssClass
property. Or make a rule for a or for img. You can make it apply to that
link only. There are many thinks you can make with css.

--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin


Redhairs said:
When I set up a image link with Hyperlink server control as below
<asp:HyperLink ID="thelink" runat=server Text="thelink"
NavigateUrl="#toWhere" ImageUrl="theLinkIMage.gif" />
the html output will be <a href="#toWhere"><Img src="theLinkImage.gif"
style="border-width:0px;"></a>

How to remove the built-in style and apply style sheet to the <img> tag?
Click to expand...
Click to expand...
 
Make your css class in this way:

border-width:2px!important;

And you don't have to use Hyperlink if it doesn't suit you. Just use html
markup with runat=server.


--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin


Redhairs said:
I have tried both way but they don't work.
If I set the CssClass of the HyperLink control, the class property will be
added to the <A> tag instead of the <Img> tag.
I also create css rule for img but the default style(border-width:0px"
will override the rule.

Eliyahu Goldin said:
Make your own style class in a stylesheet and assign it to the CssClass
property. Or make a rule for a or for img. You can make it apply to that
link only. There are many thinks you can make with css.

--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin


Redhairs said:
When I set up a image link with Hyperlink server control as below
<asp:HyperLink ID="thelink" runat=server Text="thelink"
NavigateUrl="#toWhere" ImageUrl="theLinkIMage.gif" />
the html output will be <a href="#toWhere"><Img src="theLinkImage.gif"
style="border-width:0px;"></a>

How to remove the built-in style and apply style sheet to the <img> tag?
Click to expand...
Click to expand...
Click to expand...
 
When I set up a image link with Hyperlink server control as below
<asp:HyperLink ID="thelink" runat=server Text="thelink"
NavigateUrl="#toWhere" ImageUrl="theLinkIMage.gif" />
the html output will be <a href="#toWhere"><Img src="theLinkImage.gif"
style="border-width:0px;"></a>
Click to expand...

Another variant is using nested IMG element instead of setting
ImageUrl property.
Something like this:
<asp:HyperLink ID="thelink" runat=server NavigateUrl="#toWhere"><img
src="theLinkIMage.gif"/></asp:HyperLink>

Regards,
Mykola
http://marss.co.ua
 
I need to use Image server control in order set the image programmatically
When I set up a image link with Hyperlink server control as below
<asp:HyperLink ID="thelink" runat=server Text="thelink"
NavigateUrl="#toWhere" ImageUrl="theLinkIMage.gif" />
the html output will be <a href="#toWhere"><Img src="theLinkImage.gif"
style="border-width:0px;"></a>
Click to expand...

Another variant is using nested IMG element instead of setting
ImageUrl property.
Something like this:
<asp:HyperLink ID="thelink" runat=server NavigateUrl="#toWhere"><img
src="theLinkIMage.gif"/></asp:HyperLink>

Regards,
Mykola
http://marss.co.ua
 
I need to use Image server control in order set the image programmatically
Click to expand...

Just add runat="server" attribute and id.

<asp:HyperLink ID="thelink" runat=server NavigateUrl="#toWhere"><img
id="theLinkIMage" runat="server"/></asp:HyperLink>

Server-side code: theLinkIMage.Src = "theLinkIMage.gif"

Or use Image web control:
<asp:HyperLink ID="thelink" runat=server
NavigateUrl="#toWhere"><asp:Image id="theLinkIMage" runat=server
ImageUrl="theLinkIMage.gif"></asp:Image></asp:HyperLink>

Regards,
Mykola
http://marss.co.ua
 
Back
Top