Ok.
I have an a:hover (and all the link classes) defined.
In IE, when a PICTURE is the source of the link:
td align="center">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"javascript
opImage('images/2004/quindonorparty1.jpg','Donor Re-opening Reception')">
<img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"images/2004/quindonorparty1_t.jpg" width="100" height="100">
</td>
the entire image is surrounded by the effect.
In Firefox, the 'outlines' of the effect only show up as if it were one line-height at the bottom of the picture....
who's interpretation of this CSS is accurate? The a: elements are proper CSS as per the w3c validator...
you can see what I'm talking about on
THIS (<!-- m --><a class="postlink" href="http://www.quinlanartscenter.org/grand_reopening_photos.htm">http://www.quinlanartscenter.org/grand_ ... photos.htm</a><!-- m -->) page
Thanks Folks!
JohnValid HTML is a good starting point in cross-browser compatibility.Originally posted by Vladdy
Valid HTML is a good starting point in cross-browser compatibility.
are you saying that there is something wrong with the HTML that I posted?
JohnYes I do.
Make sure your HTML validates before addressing CSS problems.Originally posted by Vladdy
Yes I do.
Make sure your HTML validates before addressing CSS problems.
OK. The HTML validates as html4.01 transitional.
The CSS validates with warnings about the opacity stuff, and missing EOT files (which is ok at this point).
The <a href> on the image is still a one line block under the image, shifting down into the next cell...
Please have a look if you would HERE (<!-- m --><a class="postlink" href="http://jtest.stegenga.net">http://jtest.stegenga.net</a><!-- m -->)Are you sure that is the right link - no images on that page and it is completely different from the page you posted initially.Originally posted by Vladdy
Are you sure that is the right link - no images on that page and it is completely different from the page you posted initially.
Whoops. Its the right link - this is me making the table using PHP/mySQL. I forgot to upload the images!
Stand by!Originally posted by Bigjohn
Whoops. Its the right link - this is me making the table using PHP/mySQL. I forgot to upload the images!
Stand by!
damn. i modified the query page and its still giving a parse error.. (see my other post for code - in PHP forum)DO NOT PUT JAVASCRIPT IN THE HREF!!!
Lol, use
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="javascript:function(argu,ments)">blah</a>Originally posted by omega
DO NOT PUT JAVASCRIPT IN THE HREF!!!
Lol, use
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="javascript:function(argu,ments)">blah</a>
That's also incorrect.How do you figure? You put a dash in the href attribute so it still shows as a link then you use the intrinsic onclick, so when the visitor clicks the function will be carried out. if a non-js user clicks, he'll simply be put to the top of the page, no harm, no foul.The JavaScript pseudo-protocol should never be used unless in the case of a bookmarklet. Whether it works sometimes or not is irrelavant, the fact of the matter is that it should never be used unless in the case of a bookmarklet.Originally posted by fredmv
The JavaScript pseudo-protocol should never be used unless in the case of a bookmarklet. Whether it works sometimes or not is irrelavant, the fact of the matter is that it should never be used unless in the case of a bookmarklet.
then whats the right way? the way I'm doing it is how the example was provided by the guy who made the script....
JohnThe reason it doesn't belong is because it is essentially incorrect — the only time it would be valid is in the case of the href attribute, hence a bookmarklet; otherwise, it's simply unnessecary and incorrect. The correct way would be to simply remove it:<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="foo();">bar</a>Originally posted by fredmv
The reason it doesn't belong is because it is essentially incorrect — the only time it would be valid is in the case of the href attribute, hence a bookmarklet; otherwise, it's simply unnessecary and incorrect. The correct way would be to simply remove it:<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="foo();">bar</a>
i mean, referring to the code I posted in the original message, what is the correct way to do it??
JohnIt should be like this:<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="opImage('images/2004/quindonorparty1.jpg','Donor Re-opening Reception');">Also, unless that's tabular data you're displaying, that link does not belong in a table cell.thanks. it's a 4 by x series of pictures...
see here (<!-- m --><a class="postlink" href="http://quinlanartscenter.org/grand_reopening_photos.htm">http://quinlanartscenter.org/grand_reopening_photos.htm</a><!-- m -->)what if you used a combo of vb and js?Originally posted by omega
what if you used a combo of vb and js?
my server supports perl, php, and of course client-side java.
Johnhuh? no, i was simply asking out of curiosity. i use php, css and xhtml with a spatter of css for pointless effects that dont change anything.Made changes suggested here.
CSS valid except for opacity stuff (and missing EOT file, but thats ok - I have to remove the refs for that).
HTML valid 4.01 trans.
Still - posted problem still exists: in Firefox, a: links on images are 'one line' high...
Why would this be?
Please advise.
I have an a:hover (and all the link classes) defined.
In IE, when a PICTURE is the source of the link:
td align="center">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"javascript
opImage('images/2004/quindonorparty1.jpg','Donor Re-opening Reception')"><img border="0" src=http://www.webdeveloper.com/forum/archive/index.php/"images/2004/quindonorparty1_t.jpg" width="100" height="100">
</td>
the entire image is surrounded by the effect.
In Firefox, the 'outlines' of the effect only show up as if it were one line-height at the bottom of the picture....
who's interpretation of this CSS is accurate? The a: elements are proper CSS as per the w3c validator...
you can see what I'm talking about on
THIS (<!-- m --><a class="postlink" href="http://www.quinlanartscenter.org/grand_reopening_photos.htm">http://www.quinlanartscenter.org/grand_ ... photos.htm</a><!-- m -->) page
Thanks Folks!
JohnValid HTML is a good starting point in cross-browser compatibility.Originally posted by Vladdy
Valid HTML is a good starting point in cross-browser compatibility.
are you saying that there is something wrong with the HTML that I posted?
JohnYes I do.
Make sure your HTML validates before addressing CSS problems.Originally posted by Vladdy
Yes I do.
Make sure your HTML validates before addressing CSS problems.
OK. The HTML validates as html4.01 transitional.
The CSS validates with warnings about the opacity stuff, and missing EOT files (which is ok at this point).
The <a href> on the image is still a one line block under the image, shifting down into the next cell...
Please have a look if you would HERE (<!-- m --><a class="postlink" href="http://jtest.stegenga.net">http://jtest.stegenga.net</a><!-- m -->)Are you sure that is the right link - no images on that page and it is completely different from the page you posted initially.Originally posted by Vladdy
Are you sure that is the right link - no images on that page and it is completely different from the page you posted initially.
Whoops. Its the right link - this is me making the table using PHP/mySQL. I forgot to upload the images!
Stand by!Originally posted by Bigjohn
Whoops. Its the right link - this is me making the table using PHP/mySQL. I forgot to upload the images!
Stand by!
damn. i modified the query page and its still giving a parse error.. (see my other post for code - in PHP forum)DO NOT PUT JAVASCRIPT IN THE HREF!!!
Lol, use
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="javascript:function(argu,ments)">blah</a>Originally posted by omega
DO NOT PUT JAVASCRIPT IN THE HREF!!!
Lol, use
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="javascript:function(argu,ments)">blah</a>
That's also incorrect.How do you figure? You put a dash in the href attribute so it still shows as a link then you use the intrinsic onclick, so when the visitor clicks the function will be carried out. if a non-js user clicks, he'll simply be put to the top of the page, no harm, no foul.The JavaScript pseudo-protocol should never be used unless in the case of a bookmarklet. Whether it works sometimes or not is irrelavant, the fact of the matter is that it should never be used unless in the case of a bookmarklet.Originally posted by fredmv
The JavaScript pseudo-protocol should never be used unless in the case of a bookmarklet. Whether it works sometimes or not is irrelavant, the fact of the matter is that it should never be used unless in the case of a bookmarklet.
then whats the right way? the way I'm doing it is how the example was provided by the guy who made the script....
JohnThe reason it doesn't belong is because it is essentially incorrect — the only time it would be valid is in the case of the href attribute, hence a bookmarklet; otherwise, it's simply unnessecary and incorrect. The correct way would be to simply remove it:<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="foo();">bar</a>Originally posted by fredmv
The reason it doesn't belong is because it is essentially incorrect — the only time it would be valid is in the case of the href attribute, hence a bookmarklet; otherwise, it's simply unnessecary and incorrect. The correct way would be to simply remove it:<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="foo();">bar</a>
i mean, referring to the code I posted in the original message, what is the correct way to do it??
JohnIt should be like this:<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="opImage('images/2004/quindonorparty1.jpg','Donor Re-opening Reception');">Also, unless that's tabular data you're displaying, that link does not belong in a table cell.thanks. it's a 4 by x series of pictures...
see here (<!-- m --><a class="postlink" href="http://quinlanartscenter.org/grand_reopening_photos.htm">http://quinlanartscenter.org/grand_reopening_photos.htm</a><!-- m -->)what if you used a combo of vb and js?Originally posted by omega
what if you used a combo of vb and js?
my server supports perl, php, and of course client-side java.
Johnhuh? no, i was simply asking out of curiosity. i use php, css and xhtml with a spatter of css for pointless effects that dont change anything.Made changes suggested here.
CSS valid except for opacity stuff (and missing EOT file, but thats ok - I have to remove the refs for that).
HTML valid 4.01 trans.
Still - posted problem still exists: in Firefox, a: links on images are 'one line' high...
Why would this be?
Please advise.