Forums » Bugs
Duel stats in IE... names not clickable...
Did you know?? if you use a browser other than IE you can click on the dueler names and see who they dueled and the outcome of each event?
That's 'cause the code is bad. They have this, basically:
<b><a><font>Mists</font></b></a>
Bad tag nesting never works right. They need to switch the </b> and </a>. Or, preferably, get rid of <font></font> and use CSS styling on the <a>, plus switch the </b> and </a>.
<b><a><font>Mists</font></b></a>
Bad tag nesting never works right. They need to switch the </b> and </a>. Or, preferably, get rid of <font></font> and use CSS styling on the <a>, plus switch the </b> and </a>.
/me hugs Rougelazer.
how do you do that? So you're saying the <a> and <font> can be merged? the <font> has a css class type and it can be moved to the <a>? I'm not very good with html.
No, he says that you terminate them in the wrong order. here :
<b><a href="/x/duelstats/44900/"><font
class=neutral>Mists</font></b></a>
Stack order:
b
a
font
/font
/b
/a
see, you end the bold before you end the anchor, which is the error. they should be terminated in order.
<b><a href="/x/duelstats/44900/"><font
class=neutral>Mists</font></b></a>
Stack order:
b
a
font
/font
/b
/a
see, you end the bold before you end the anchor, which is the error. they should be terminated in order.
Although <font> doesn't exist. So it should instead read as this:
<b><a href="/x/duelstats/44900/" class="neutral">Mists</a></b>
<b><a href="/x/duelstats/44900/" class="neutral">Mists</a></b>
Yeah, I realized that the </b> and </a> were reversed.
but I was asking about the class stuff.
but I was asking about the class stuff.
You can apply a class to anything, although some of it doesn't make sense for anything. For example, you can apply a class that sets something's color to an image. It just won't do much. :P
It's just that <font class="blah"></font> is kind of wrong and slightly redundant. Replacing the <font> tag with a <span> would be better.
Or leave it out and give the href the class:
<a href class="nav">blah</a>
in your .css define class 'nav' for the 'A' tag and all it's states:
A.nav:visited { font-size : 11px; font-family : arial; color : #000000; font-weight: 800; text-decoration: none;}
A.nav:active { font-size : 11px; font-family : arial; color : #000000; font-weight: 800; text-decoration: none;}
A.nav:link { font-size : 11px; font-family : arial; color : #000000; font-weight: 800; text-decoration: none;}
A.nav:hover { font-size : 11px; font-family : arial; color : #666666; font-weight: 800; text-decoration: underline;}
Or call the style inline:
<a href style="font-size : 11px; font-family : arial;">blah</a>
Or have it work different for different tags.
A.nav could be one thing while span.nav adds or modifies the style. The styles cascade of course.
Or leave it out and give the href the class:
<a href class="nav">blah</a>
in your .css define class 'nav' for the 'A' tag and all it's states:
A.nav:visited { font-size : 11px; font-family : arial; color : #000000; font-weight: 800; text-decoration: none;}
A.nav:active { font-size : 11px; font-family : arial; color : #000000; font-weight: 800; text-decoration: none;}
A.nav:link { font-size : 11px; font-family : arial; color : #000000; font-weight: 800; text-decoration: none;}
A.nav:hover { font-size : 11px; font-family : arial; color : #666666; font-weight: 800; text-decoration: underline;}
Or call the style inline:
<a href style="font-size : 11px; font-family : arial;">blah</a>
Or have it work different for different tags.
A.nav could be one thing while span.nav adds or modifies the style. The styles cascade of course.
Remove the <b> and use font-weight instead (i before e except after c blah blah neighbor and weigh) 800 is bold, 400 is normal. You may have to add font-family and font-size.
like this:
html:
<a href="/x/duelstats/44900/" class="neutral">Mists</a>
css:
a.neutral:visited {
font-color:#ffc040;
font-weight: 800;
text-decoration: none;
}
a.neutral:active {
font-color:#ffc040;
font-weight: 800;
text-decoration: none;
}
a.neutral:link {
font-color:#ffc040;
font-weight: 800;
text-decoration: none;
}
a.neutral:hover {
font-color:#ffc040;
font-weight: 800;
text-decoration: underline;
}
like this:
html:
<a href="/x/duelstats/44900/" class="neutral">Mists</a>
css:
a.neutral:visited {
font-color:#ffc040;
font-weight: 800;
text-decoration: none;
}
a.neutral:active {
font-color:#ffc040;
font-weight: 800;
text-decoration: none;
}
a.neutral:link {
font-color:#ffc040;
font-weight: 800;
text-decoration: none;
}
a.neutral:hover {
font-color:#ffc040;
font-weight: 800;
text-decoration: underline;
}
You guys do know that once you specify a property for a and a:visited, the others will be inherited, right? And that you can use font-weight: bold or font-weight : bolder instead of 400 and 800...
Actually the problem here is that there's a transparent png behind the text, and links over a transparent png aren't clickable in IE. (God I hate cross-browser compatibility issues.)
Elsewhere on the message board, we just disable the png in IE when there's a link. I though Andy fixed the duel page already, but I guess not. Guess I'll remind him. :)
Elsewhere on the message board, we just disable the png in IE when there's a link. I though Andy fixed the duel page already, but I guess not. Guess I'll remind him. :)
I fixed it in cvs, it's just not in production yet.
yeah, bold and bolder is much more clearer ... I think you can set it to boldacious too but ie doesn't render it right. I wrote the a.style properties in each one because it's common to have one or more of them set different for each state of a link so ... um ... yeah
Waylon: you must be using that ie alpha filter style switch? I hate that ie doesn't support png alpha channels.
You could maybe put an onclick in the <td> instead of removing the png, actually it prolly wouldn't work either:
<td onclick="javascript:window.location='URL';">
Waylon: you must be using that ie alpha filter style switch? I hate that ie doesn't support png alpha channels.
You could maybe put an onclick in the <td> instead of removing the png, actually it prolly wouldn't work either:
<td onclick="javascript:window.location='URL';">