I've seen JC do this before with the CODE tag.<br /><br />But I've got some info on a page, which I want to truncate into a scroll box (like an iFrame). I can do an iFrame if needed, so they can scroll through the whole thing - but I thought there's got to be a way to do this in CSS. Any ideas?

.tagname { <br />overflow: auto; <br />height: 200px; <br />width: 100%; <br />padding: 2px; <br />margin: 1px 1px 1px 1px; <br />} <br /> <br /> Docs on overlfow: <br />http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow <br /> <br />Then use <span class="tagname"> before and </span> after the text involved. <br /> <br />

Thank you! <img src="http://www.ubbdev.com/forum/images/graemlins/smile.gif" alt="" />

OK - i can't get it to work.<br /><br />http://www.biketrip.com/forum/newuser.php<br /><br />Trying to truncate the rules. You'll see if you view the source that I've done<br /><br /><span class="boardrules"> above the rules and </span> after the rules.<br /><br />Then added this to my stylesheet:<br /><br />.boardrules {<br /> overflow: auto;<br /> height: 200px;<br /> width: 100%;<br /> padding: 2px;<br /> margin: 1px 1px 1px 1px;<br />} <br /><br /><br />Any ideas?

Try div instead of span

<img src="http://www.ubbdev.com/forum/images/graemlins/waytogo.gif" alt="" /><br /><br />Makes sense. I tried putting the class in a font tag, and in a <td> tag - but <div> did the trick. <img src="http://www.ubbdev.com/forum/images/graemlins/smile.gif" alt="" /><br />Thank you. <img src="http://www.ubbdev.com/forum/images/graemlins/IThankYou.gif" alt="" /> <img src="http://www.ubbdev.com/forum/images/graemlins/thankyousign.gif" alt="" />