I would like to make this IFRAME page fit exactly so the bottom scroll bar isn't showing.<br />
<br />
<!-- m --><a class="postlink" href="http://websiteprogrammin.com/hayfork/">http://websiteprogrammin.com/hayfork/</a><!-- m --><br />
<br />
I've tried absolute positioning, and using css to set<br />
<br />
tables to 140pt,<br />
the body of the IFRAME page to 140pt, <br />
width of theIFRAME to 145pt.<br />
<br />
Why doesn't the table fit correctly?<br />
<br />
Any suggestions?<!--content-->The buttons are showing two times.<br />
Not on the page i have saved with the two buttons.<br />
If i see it in my editor Arachnophilia it is 140 px.<br />
Saved and viewed in my browser it takes the input from the js file from your site and then it is more then 140 px.<br />
So the class nav has to be checked.<br />
<br />
:rocker:<!--content-->A:link{color:#545426}<br />
A:visited{color:#545426}<br />
A:active{color:#545426}<br />
BODY.navbody{position: absolute;top:0;left:0;width: 140;background-image: url('http://websiteprogrammin.com/hayfork/images/layout/ylwgldleaves.jpg');}<br />
TABLE.nav{position: absolute;top:0;left:0;background-color: #999977;width:140pt;}<br />
TD.nav{width:140pt;height:25pt;font-size: 12pt;background-image: url('http://websiteprogrammin.com/hayfork/images/layout/mouseoutNAV.gif');color:#51630a;background-repeat:no-repeat;}<br />
TR.navrow{width:140pt;height:25pt;}<br />
TD.navtable{width:140;color:#51630a;background-color:#51630a;}<br />
TR.topnav{background-image: url('http://websiteprogrammin.com/hayfork/images/layout/dgflwrgrnBRDR.gif');}<br />
TR.bottomnav{background-image: url('http://websiteprogrammin.com/hayfork/images/layout/dgflwrgrnBRDR.gif');}<br />
<br />
<br />
This is my css sheet for the nav table. Nothing is over 140. Doesn't the position: absolute; property also apply to the width?<!--content-->Change the font:<br />
TD.nav{width:140pt;height:25pt;font-size: 12pt<br />
to 6<br />
See what it will do.<br />
:rocker:<!--content-->Some browsers do not like unquoted attributes (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2F&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=&outline=&sp=">http://validator.w3.org/check?uri=http% ... tline=&sp=</a><!-- m -->), and you do have some of those in HTML size definitions.<br />
<br />
In these two lines of CSS:<br />
... BODY.navbody{position: absolute;top:0;left:0;width: 140;background-image: ...<br />
... TD.navtable{width:140;color:#51630a;background-color:#51630a;} ...<br />
you have not stated the units of measure for the 140 value. The only value where units are optional is for zero. Did you mean 140pt or should it be 140px instead?<br />
<br />
Unfortunately the CSS checker at <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator-uri.html">http://jigsaw.w3.org/css-validator/validator-uri.html</a><!-- m --> has been off for a few days.<br />
<br />
I wonder if you also need to set a cellborder="0" within the table tag?<!--content-->And the winner is . . . ..::|| giz ||::..<br />
<br />
what a difference a p make......<br />
=========<br />
TD.nav{width:140px;height:25px;font-size: 12pt;background-image: url('http://websiteprogrammin.com/hayfork/images/layout/mouseoutNAV.gif');color:#51630a;background-repeat:no-repeat;}<br />
TR.navrow{width:140px;height:25px;}<br />
==========<br />
Used this code in the saved page..... wow: smaller menu after changing pt to px <br />
<br />
Good job giz ...<br />
<br />
:rocker: :rocker: :rocker:<!--content-->I get tied up in knots with CSS, but wrong or missing units is a mistake that I have made before. There were two places to add px in, and three places to change from pt to px I believe.<br />
<br />
In the page at: <!-- m --><a class="postlink" href="http://websiteprogrammin.com/hayfork/html/nav.html">http://websiteprogrammin.com/hayfork/html/nav.html</a><!-- m --> check [this link (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2Fhtml%2Fnav.html&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=&outline=&sp=">http://validator.w3.org/check?uri=http% ... tline=&sp=</a><!-- m -->)] for a couple of typos in the code (especially the very last line where </head> should be </html> for example).<br />
<br />
To make the site more Netscape compatible, remember to quote all of the attributes. See the [link for a list (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2F&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=&outline=&sp=">http://validator.w3.org/check?uri=http% ... tline=&sp=</a><!-- m -->)] of fixes.<!--content-->Is there a better way to get rid of the bottom scroll bar?<br />
Thanks for informing me of those typos<!--content-->
<br />
<!-- m --><a class="postlink" href="http://websiteprogrammin.com/hayfork/">http://websiteprogrammin.com/hayfork/</a><!-- m --><br />
<br />
I've tried absolute positioning, and using css to set<br />
<br />
tables to 140pt,<br />
the body of the IFRAME page to 140pt, <br />
width of theIFRAME to 145pt.<br />
<br />
Why doesn't the table fit correctly?<br />
<br />
Any suggestions?<!--content-->The buttons are showing two times.<br />
Not on the page i have saved with the two buttons.<br />
If i see it in my editor Arachnophilia it is 140 px.<br />
Saved and viewed in my browser it takes the input from the js file from your site and then it is more then 140 px.<br />
So the class nav has to be checked.<br />
<br />
:rocker:<!--content-->A:link{color:#545426}<br />
A:visited{color:#545426}<br />
A:active{color:#545426}<br />
BODY.navbody{position: absolute;top:0;left:0;width: 140;background-image: url('http://websiteprogrammin.com/hayfork/images/layout/ylwgldleaves.jpg');}<br />
TABLE.nav{position: absolute;top:0;left:0;background-color: #999977;width:140pt;}<br />
TD.nav{width:140pt;height:25pt;font-size: 12pt;background-image: url('http://websiteprogrammin.com/hayfork/images/layout/mouseoutNAV.gif');color:#51630a;background-repeat:no-repeat;}<br />
TR.navrow{width:140pt;height:25pt;}<br />
TD.navtable{width:140;color:#51630a;background-color:#51630a;}<br />
TR.topnav{background-image: url('http://websiteprogrammin.com/hayfork/images/layout/dgflwrgrnBRDR.gif');}<br />
TR.bottomnav{background-image: url('http://websiteprogrammin.com/hayfork/images/layout/dgflwrgrnBRDR.gif');}<br />
<br />
<br />
This is my css sheet for the nav table. Nothing is over 140. Doesn't the position: absolute; property also apply to the width?<!--content-->Change the font:<br />
TD.nav{width:140pt;height:25pt;font-size: 12pt<br />
to 6<br />
See what it will do.<br />
:rocker:<!--content-->Some browsers do not like unquoted attributes (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2F&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=&outline=&sp=">http://validator.w3.org/check?uri=http% ... tline=&sp=</a><!-- m -->), and you do have some of those in HTML size definitions.<br />
<br />
In these two lines of CSS:<br />
... BODY.navbody{position: absolute;top:0;left:0;width: 140;background-image: ...<br />
... TD.navtable{width:140;color:#51630a;background-color:#51630a;} ...<br />
you have not stated the units of measure for the 140 value. The only value where units are optional is for zero. Did you mean 140pt or should it be 140px instead?<br />
<br />
Unfortunately the CSS checker at <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator-uri.html">http://jigsaw.w3.org/css-validator/validator-uri.html</a><!-- m --> has been off for a few days.<br />
<br />
I wonder if you also need to set a cellborder="0" within the table tag?<!--content-->And the winner is . . . ..::|| giz ||::..<br />
<br />
what a difference a p make......<br />
=========<br />
TD.nav{width:140px;height:25px;font-size: 12pt;background-image: url('http://websiteprogrammin.com/hayfork/images/layout/mouseoutNAV.gif');color:#51630a;background-repeat:no-repeat;}<br />
TR.navrow{width:140px;height:25px;}<br />
==========<br />
Used this code in the saved page..... wow: smaller menu after changing pt to px <br />
<br />
Good job giz ...<br />
<br />
:rocker: :rocker: :rocker:<!--content-->I get tied up in knots with CSS, but wrong or missing units is a mistake that I have made before. There were two places to add px in, and three places to change from pt to px I believe.<br />
<br />
In the page at: <!-- m --><a class="postlink" href="http://websiteprogrammin.com/hayfork/html/nav.html">http://websiteprogrammin.com/hayfork/html/nav.html</a><!-- m --> check [this link (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2Fhtml%2Fnav.html&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=&outline=&sp=">http://validator.w3.org/check?uri=http% ... tline=&sp=</a><!-- m -->)] for a couple of typos in the code (especially the very last line where </head> should be </html> for example).<br />
<br />
To make the site more Netscape compatible, remember to quote all of the attributes. See the [link for a list (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwebsiteprogrammin.com%2Fhayfork%2F&charset=%28detect+automatically%29&doctype=%28detect+automatically%29&ss=&outline=&sp=">http://validator.w3.org/check?uri=http% ... tline=&sp=</a><!-- m -->)] of fixes.<!--content-->Is there a better way to get rid of the bottom scroll bar?<br />
Thanks for informing me of those typos<!--content-->