Forum Moderators: not2easy

Message Too Old, No Replies

Tabulator not following links

Using tabindex!

         

efes

11:00 am on May 24, 2004 (gmt 0)

10+ Year Member



When I’m setting tabindex on different links, I noticed that the indication isn’t where the graphic for the link is.

It’s just a minor nuisance, and I've only observed it in Firefox 0.8 and Opera 7.5, but I would like to know why it is so, and if there is a way to avoid it?

The posted code should show you what I mean. I’ve stripped it down to a minimum, but the some of it, such as float, is something that is necessary in the full version of the page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
margin-left:5%;
margin-right:5%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
background-color:#FFFFFF;
}
img {
border:none;
}
.imgValid {
position:relative;
background:#F3F3F3;
left:24px;
top:200px;
margin:1px;
}
#right {
float:right;
width:130px;
background:#CCFF00;
height:400px;
}
</style>
</head>

SuzyUK

9:55 am on May 26, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi efes.. not quite sure what you're getting at here, but if it's showing in O7.5 and FF then imo they're better at things than most browsers..;)

perhaps a little HTML showing where the tabindexes are?

>>I noticed that the indication isn’t where the graphic for the link is

is this a background graphic (image replacement) set on the <a> elements or actual images beside the links..

anybody else know any tab index issues?

Suzy

efes

11:32 am on May 26, 2004 (gmt 0)

10+ Year Member



Damn - my bad!
Anybody got a Cut’N’paste for dummies? (It's so embarrassing)

Apparently I missed some of the code when I copied it into the message. Here is the missing part – sorry! :-(

…[Continuing from message one]

</head>
<body>
<div id="right"> Some text <a href="http://nowhere.com"><img class="imgValid" src="some.gif" alt=""/></a>
<a href="http://nowhere.com"><img class="imgValid" src="some.gif" alt="" /></a>
</div>
</body>
</html>