How to prevent the 'Gecko-underline' under 'anchored' images on pages with patterned background images?

Hello Gecko users,

I have earlier submitted this question in the CSS group but I think
this group may be more appropriate.

My question is:
Is it possible to use CSS to prevent the 'Gecko-underline' behind
'anchored' images on pages with patterned background images?

The page http://www.vonreeken.demon.nl/test/gifline1.htm
shows, well if a 'Gecko' browser is used of course, that these
browsers let the background of images inherit the text-decoration
attribute of the containing anchor.

Example code:
  <a href="dummy.htm" title="A dead link"><b>Photo Album</b><br> 
    <img src="book.gif" alt="The content" 
      style="border-style: none; width: 48px; height: 48px; 
                 vertical-align: middle; "></a> 

This results in the 'anchor'-underline being visible in the
transparent part of the book.gif image.

I can imagine that this may officially be correct but I like the way
Opera (7.53) and IE (6.0) handle this better (i.e. never show anchor
/text/-attributes under images).

To see the effect and read additional information, please check the
above page mentioned test page. The page has also a link to an example
page with the code stripped to the minimum is.

Thanks in advance,
a3ano

0
ad
10/12/2004 7:12:02 PM
netscape.mozilla.browser 4970 articles. 0 followers. Follow

1 Replies
636 Views

Similar Articles

[PageSpeed] 56
Get it on Google Play
Get it on Apple App Store

ad.von.reeken@icu.nl wrote:

>Hello Gecko users,
>
>I have earlier submitted this question in the CSS group but I think
>this group may be more appropriate.
>
>My question is:
>Is it possible to use CSS to prevent the 'Gecko-underline' behind
>'anchored' images on pages with patterned background images?
>
>The page http://www.vonreeken.demon.nl/test/gifline1.htm
>shows, well if a 'Gecko' browser is used of course, that these
>browsers let the background of images inherit the text-decoration
>attribute of the containing anchor.
>
>Example code:
>  <a href="dummy.htm" title="A dead link"><b>Photo Album</b><br> 
>    <img src="book.gif" alt="The content" 
>      style="border-style: none; width: 48px; height: 48px; 
>                 vertical-align: middle; "></a> 
>
>This results in the 'anchor'-underline being visible in the
>transparent part of the book.gif image.
>
>I can imagine that this may officially be correct but I like the way
>Opera (7.53) and IE (6.0) handle this better (i.e. never show anchor
>/text/-attributes under images).
>
>To see the effect and read additional information, please check the
>above page mentioned test page. The page has also a link to an example
>page with the code stripped to the minimum is.
>
>Thanks in advance,
>a3ano
>
>  
>

a3ano:

Not use it this is the best solution but it works for both DOMs

a:hover { text-decoration: none; }
a img { border-style: none; vertical-align: middle; }

Then divide link up with the textual part and the image

<a href="dummy.htm" title="A dead link"><b>Photo Album</b><br></a>
<a href="dummy.htm" title="A dead link"><img src="book.gif" alt="The content"></a> 

same results and appearance, just a little more code

-- 
Take care,
 
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
0
Jonathan
10/17/2004 4:19:12 PM
Reply:

Similar Artilces:

''''''''''''''''''''
Name: haznen Email: haznenatyahoodotcom Product: Gran Paradiso Alpha 8 Summary: '''''''''''''''''''' Comments: '''''''''''''''''''''''''''''''''''' Browser Details: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a1) Gecko/20061204 UGES/1.7.2.0 GranParadiso/3.0a1 From URL: http://www.mozilla.org/projects/granparadiso/ Note to readers: Hendrix gives...

'''''
Name: mario Email: ramar17atfastwebnetdotit Product: Gran Paradiso Alpha 2 Summary: ''''' Comments: K: Browser Details: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9a2) Gecko/20070206 GranParadiso/3.0a2 ...

'Image' is an ambiguous reference between 'System.Web.UI.WebControls.Image' and 'System.Drawing.Image'
In my aspx page, I have the following snippet: <%@ Page Language="C#" %><%@ Import Namespace="System.IO" %><%@ Import Namespace="System.Drawing" %>     public System.Drawing.Image Test()    {      ...    }  I keep getting the 'Image' is an ambiguous reference between 'System.Web.UI.WebControls.Image' and 'System.Drawing.Image' error in my Test function (which returns an Image). How do I fix this? Right which is possible; use the full...

CS0104: 'Image' is an ambiguous reference between 'System.Web.UI.WebControls.Image' and 'System.Drawing.Image'
 CS0104: 'Image' is an ambiguous reference between 'System.Web.UI.WebControls.Image' and 'System.Drawing.Image'   <%@ Page Language="C#" %> <%@ Import Namespace="System.Drawing" %> <%@Import Namespace="System.Drawing.Imaging" %>   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script type="text/C#" runat="server"> void Page_Load() {//The @ means "Ignore escape characters!" in the following string. It is a verbatim //literal string - any backslashes (and newlines) in...

'do' won't 'do' if '/'
Greetings to All from Au, Have a NetWare Perl 5.8.4 and wanted to tweak File\Spec\NW.pm to try and standardise on '/' separators. If I run a test script (t/uni/lower.t) with an unmodified NW.pm, it calls t/uni/case.pl, that, in case.pl, (when the path separators are '\'), the $file is '..\lib\unicore\To\Lower.pl' and the following code portion works, with $simple getting a returned table: sub casetest { my ($base, $spec, $func) = @_; my $file = File::Spec->catfile(File::Spec->catdir(File::Spec->updir, "lib", &qu...

what is the difference between 'image' and 'image map' in VS 2005?
what is the difference between 'image' and 'image map' in VS 2005? which one should i be using to hold pictures with different sizes?* I am using VS 2005 and VB languageThank you, Faezeh. You should use an image control. for more information about image map and why it is used check below link http://quickstarts.asp.net/QuickStartv20/aspnet/doc/ctrlref/standard/imagemap.aspx HCHaissam Abdul MalakMCAD.NET| Blog | An Image control holds images and is equivalent to an img tag in HTML.  On the other hand, the ImageMap control is used to hold an image that is used to ma...

'''
Name: L Lachowsky Email: e2brutus_10atyahoodotcom Product: Firefox Summary: ''' Comments: why duddn this surprise me... I change default server from IE to Mozilla, and then i get error messages. well, shud I decide to not get on my computer with Mozilla..or shud I risk security breeches with IE....hmmm at least i can get on the internet with IE Browser Details: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 From URL: http://hendrix.mozilla.org/ Note to readers: Hendrix gives no expectation of a response to this fee...

Cast from type ''''DBNull'''' to type ''''String'''' is not valid.
How do I avoid getting this error: Cast from type ''''DBNull'''' to type ''''String'''' is not valid. I am trying to get values from the database into a form for updating using a Datareader, SQL is set to allow nulls for certain fields as they are not required but the only way I can get the form to display is by adding a space in SQL. Is there another way around this? Check if it is equal to DBNull.Value first and if it is, don't do the cast.Stanley Tan theSpoke Blog Where in the code does it need to go? I am using the following and it's the profile that isn't always requi...

table_info('','','','%') cannot return any types
I was recently confirming table_info special cases and discovered the case for getting table_types cannot work. table_info('','','','%') should return a list of table types but it returns a list of empty strings instead: my @types = $h->tables('', '', '', '%'); print "all types:\n", join("xxx\n", @types), "\n"; # should output something like: # "dbo" # "INFORMATION_SCHEMA" # "sys" # and actually outputs: xxx xxx It seems to be down to the following ...

'Out of memory' / 'Parameter is not valid' at 'System.Drawing.Image' load
 Hi,   i have a problem with loading images. what is interesting the same type of images, the same directories some of them are loading some - not. The image size doesn't matter. It happens on a big sized and on a small sized image. So..   int id = Int32.Parse(Request.Params["id"].ToString());string sImage = "";Response.Clear();Response.ContentType = "image/JPEG";Response.Expires = 0;Response.Buffer = true;Response.Clear();sImage = GetMarkImagePath(id);FileStream fs = new FileStream(sImage, FileMode.Open, FileAccess.Read);// the foll...

'b'..'a'
Hello. I'm using defferent 5.6.0's for Win32. I wonder wheter following behaviour is intentional or not: d:\>perl -e "print 'b'..'c'" bc d:\>perl -e "print 'b'..'a'" bcdefghijklmnopqrstuvwxyz I expected empty list in latter case, like in perl -e "print 'bb'..'a'" <!ENTITY Vadim REALLIFE "Vadim V.Konovalov, St.Petersburg, Russia"> &Vadim; On Wed, Sep 20, 2000 at 03:14:41PM +0400, Konovalov, Vadim wrote: > Hello. > > I'm using defferent 5.6.0'...

'or' or 'union'
Hello I was just wondering, in general what is better to use, an 'or' clause in a select or a 'union' to join two selects together. Do both statements create work tables? Many thanks Alex I think OR will be better than union. because suppose u have 3 tables and using OR u can join table a and table b and table c so each table will have only one read. but using union you will join table a and table b and in another query of union u will use table (a or b) and table c so ur one read is more in union . Ramdas Alex Cheung wrote: > Hello > >...

'IN' Clause or 'OR'
Hello, [1]: select * from TABLEA where COL1 IN('value1','value2''valu3'....) [2]:select * from TABLEA where COL1 = 'value1' OR COL1= 'value2' OR COL1='valu3'. TABLEA is a huge table and it has non-clustered index on COL1. Among the above 2 queries, which query will give me the better performance or fast response and WHY? What is the difference between 'IN' and 'OR' clauses as for as Sybase Optimization is concerned. Which is the better one to be used on huge tables. Thanks. Mac An IN list is treated ...

Converting 'System.Drawing.Image' to 'System.Web.UI.WebControls.Image'
Hello,I have an image stored on disk, that I am manipulating using the Drawing classes, and creating a 300x400 thumbnail from. Then, I want to display this image in an Image control on my webpage. How do I do that?Code:                    //Create the delegate                    System.Drawing.Image.GetThumbnailImageAbort dummyCallBack;           &nbs...

Web resources about - How to prevent the 'Gecko-underline' under 'anchored' images on pages with patterned background images? - netscape.mozilla.browser

Resources last updated: 1/21/2016 9:59:20 PM