This really bugs me. I made up some code so I could use an image with a roll over in the navigation frame..., very simple. Then I created another level with the z index for the links and put them over the images. It works in IE and NS, but in Opera it throws the words that have a space on to another line! And once in a blue moon it does the same in IE. <br />
<br />
Will I have to use a transparent gif image to bind these words together? Is there another way? The words don't break to different lines if I put an underscore instead of a space.<br />
<br />
<!-- m --><a class="postlink" href="http://websiteprogrammin.com/hayfork/index.htm">http://websiteprogrammin.com/hayfork/index.htm</a><!-- m --><br />
<br />
This frame is put together so tightly you can't right click to get the source very easily. <br />
<br />
Here is code for one link:<br />
<br />
<BODY class="navwidth" style="border:0;margin:0;"><br />
<TABLE class="outer" width="100%" height="100%" style="border:0;margin:0;cellpadding:0;cellspacing:0"><TR><TD><br />
<!--there are two anchors that go to the same page. One around the images and another around the words--><br />
<A href=http://www.htmlforums.com/archive/index.php/"http://websiteprogrammin.com/cgi-bin/hayfork/index.pl" target="main"><br />
<IMG style="position:absolute;top:0px;left:0" id="img0" name="img0"<br />
src=http://www.htmlforums.com/archive/index.php/"http://websiteprogrammin.com/KenHinman/images/layout/winter/navMsOff.jpg" border="0" <br />
onmouseover="javascript: this.src = 'http://websiteprogrammin.com/KenHinman/images/layout/'+parent.season+'/navMsOver.jpg'" <br />
onmouseout="javascript: this.src = 'http://websiteprogrammin.com/KenHinman/images/layout/'+parent.season+'/navMsOff.jpg'" <br />
></A><br />
<SPAN style="position: absolute;left:15;top:0px;z-index:3" class="nav"><br />
<A style="position: absolute;left:15;top:0px;z-index:3" href=http://www.htmlforums.com/archive/index.php/"http://websiteprogrammin.com/cgi-bin/KenHinman/index.pl" target="main" class="nav"<br />
onmouseover="javascript: overimage('img0','navMsOver.jpg') " onmouseout="javascript: overimage('img0','navMsOff.jpg') ">Home<br />
</A></SPAN></TD></TR></TABLE><br />
<br />
Also the IFRAME isn't being set properly in Opera. If I call the exact width on it instead of a percentage it does fine. Why can't I use percentages in Opera?<br />
<br />
Any info on this anyone???<!--content-->Sorry, I know nothing about Opera. I really hate that when different browsers use different syntaxes... it really makes the coding hard, if you want to make your site work in all browsers.<!--content-->have a look here (<!-- m --><a class="postlink" href="http://faq.ozoneasylum.com/FaqWiki/shownode.php?id=190&sortby=rating">http://faq.ozoneasylum.com/FaqWiki/show ... tby=rating</a><!-- m -->) about cross broswer iframes, have you tried giving the layer a fixed width?<!--content--><TABLE class="outer" width="100%" height="100%" style="border:0;margin:0;cellpadding:0;cellspacing:0"><br />
<br />
that is not legal I believe. also a url is best to diagnose the problem you are having.<!--content-->Thanks that was a quick attempt to see if it changed anything. I'm going to remove it. cellspacing isn't in my css book.<br />
<br />
I did insert a width:$imgwidth (I'm using perl) in the span tag and it does great.<!--content-->There are [28 HTML errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2Findex.htm&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] to fix up (all are very easy to fix), and your only two bits of CSS are actually [browser specific (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2Findex.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->)] code. Fix that lot before trying to evaluate the problem further.<!--content-->I didn't know that validator page existed.<br />
<br />
Great resource thanks<!--content-->
<br />
Will I have to use a transparent gif image to bind these words together? Is there another way? The words don't break to different lines if I put an underscore instead of a space.<br />
<br />
<!-- m --><a class="postlink" href="http://websiteprogrammin.com/hayfork/index.htm">http://websiteprogrammin.com/hayfork/index.htm</a><!-- m --><br />
<br />
This frame is put together so tightly you can't right click to get the source very easily. <br />
<br />
Here is code for one link:<br />
<br />
<BODY class="navwidth" style="border:0;margin:0;"><br />
<TABLE class="outer" width="100%" height="100%" style="border:0;margin:0;cellpadding:0;cellspacing:0"><TR><TD><br />
<!--there are two anchors that go to the same page. One around the images and another around the words--><br />
<A href=http://www.htmlforums.com/archive/index.php/"http://websiteprogrammin.com/cgi-bin/hayfork/index.pl" target="main"><br />
<IMG style="position:absolute;top:0px;left:0" id="img0" name="img0"<br />
src=http://www.htmlforums.com/archive/index.php/"http://websiteprogrammin.com/KenHinman/images/layout/winter/navMsOff.jpg" border="0" <br />
onmouseover="javascript: this.src = 'http://websiteprogrammin.com/KenHinman/images/layout/'+parent.season+'/navMsOver.jpg'" <br />
onmouseout="javascript: this.src = 'http://websiteprogrammin.com/KenHinman/images/layout/'+parent.season+'/navMsOff.jpg'" <br />
></A><br />
<SPAN style="position: absolute;left:15;top:0px;z-index:3" class="nav"><br />
<A style="position: absolute;left:15;top:0px;z-index:3" href=http://www.htmlforums.com/archive/index.php/"http://websiteprogrammin.com/cgi-bin/KenHinman/index.pl" target="main" class="nav"<br />
onmouseover="javascript: overimage('img0','navMsOver.jpg') " onmouseout="javascript: overimage('img0','navMsOff.jpg') ">Home<br />
</A></SPAN></TD></TR></TABLE><br />
<br />
Also the IFRAME isn't being set properly in Opera. If I call the exact width on it instead of a percentage it does fine. Why can't I use percentages in Opera?<br />
<br />
Any info on this anyone???<!--content-->Sorry, I know nothing about Opera. I really hate that when different browsers use different syntaxes... it really makes the coding hard, if you want to make your site work in all browsers.<!--content-->have a look here (<!-- m --><a class="postlink" href="http://faq.ozoneasylum.com/FaqWiki/shownode.php?id=190&sortby=rating">http://faq.ozoneasylum.com/FaqWiki/show ... tby=rating</a><!-- m -->) about cross broswer iframes, have you tried giving the layer a fixed width?<!--content--><TABLE class="outer" width="100%" height="100%" style="border:0;margin:0;cellpadding:0;cellspacing:0"><br />
<br />
that is not legal I believe. also a url is best to diagnose the problem you are having.<!--content-->Thanks that was a quick attempt to see if it changed anything. I'm going to remove it. cellspacing isn't in my css book.<br />
<br />
I did insert a width:$imgwidth (I'm using perl) in the span tag and it does great.<!--content-->There are [28 HTML errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2Findex.htm&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] to fix up (all are very easy to fix), and your only two bits of CSS are actually [browser specific (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2Findex.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->)] code. Fix that lot before trying to evaluate the problem further.<!--content-->I didn't know that validator page existed.<br />
<br />
Great resource thanks<!--content-->