• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Scrollable Text on a Webpage

T

The Godfather

Platinum Member
Ok. I have a table with 3 rows. One for the top logo. One for the middle where the text will be. One for the very bottom where my nav buttons are. How do i add a scroller in the middle row? Can someone provide a link, a script or just tell me how? Please. I need to add a scroller there so the page won't get large. I want it to fit in the window.
Thank you.
PS: i know i am posting this in the wrong forum but i am not getting any answers on the other one.
 
What do you mean exactly?

A big area for text like in the area to type your message when you hit reply on a post or an iframe?
 
i mean just an area for text or thumbnails. and i want to make like an iframe. i just need a scroller to the right of the table to go throught my thumbs and text. like an iframe.
 
Originally posted by: The Godfather
i mean just an area for text or thumbnails. and i want to make like an iframe. i just need a scroller to the right of the table to go throught my thumbs and text. like an iframe.
Click to expand...

then what's wrong an iframe?
 
Oh I get what you want now.

It's pretty simple. <iframe src="pagehere.html" frameborder=0 width=x height=x>



you can change the frameborder to 1 if you want a border, but no borders look better
 
Originally posted by: pinkeywear
Oh I get what you want now.

It's pretty simple. <iframe src="pagehere.html" frameborder=0 width=x height=x>

you can change the frameborder to 1 if you want a border, but no borders look better
Click to expand...

hey i've been wondering how to do that!

thanks

(<== webpage n00b ... just got my own about 2 weeks ago)
 
you put it inside the table.

for example:
<table>
<tr>
<td>top row stuff here</td>
</tr>
<tr>
<td>here's the middle row. put the iframe code here
<iframe blahblahblah></iframe>
</td>
</tr>
<tr>
<td>
bottom row stuff here
</td>
</tr>
</table>
 
Did you put the whole entire table inside the iframe? You're supposed to only put the content page in the iframe. Like make a different page with the thumbnails on it, and another page with the whole table code. Link the thumbnail page in the iframe
 
Oh I think i forgot to add something to your iframe code, which might fix the problem. Add scrolling="yes" to the code. See if that works
 
🙁 nothing. nothing happens. this is my code:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="31%" id="AutoNumber1" height="576" align="center">
<tr>
<td width="100%" height="125" align="center"> <p align="center"> <img border="0" src="../Logo%20TOP.gif" width="500" height="125"></td>
</tr>
<tr>
<td width="100%" height="371" align="center" background="../Middle Box.gif" <iframe src="C:\Documents and Settings\Pc\My Documents\BTM WEB\html\pagehere.html" frameborder=0 width=500 height=300></iframe>
<p></p></td>
</tr>
<tr>
 
nope. i tried to explained it. ahh.
Here i will give you my full table code. can you give me a refined code with the iframe in and i will paste it and look at what you put in. please. [this is without iframe]

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="31%" id="AutoNumber1" height="576" align="center">
<tr>
<td width="100%" height="125" align="center"> <p align="center"> <img border="0" src="../Logo%20TOP.gif" width="500" height="125"></td>
</tr>
<tr>
<td width="100%" height="371" align="center" background="../Middle Box.gif"><p></p></td>
</tr>
<tr>
<td width="100%" height="40" align="center"> <p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','../Buttons/GIFs/Home%20Over%20copy.gif',
)">
<img src="../Buttons/GIFs/Home%20Normal%20copy.gif" name="Image2" width="125" height="40" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','../Buttons/GIFs/Home%20Over%20copy.gif',
)">onMouseOver="MM_swapImage('Image3','','../Buttons/GIFs/2d%20Over%20copy.gif',1)
><img src="../Buttons/GIFs/2d%20Normal.gif" name="Image3" width="125" height="40" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','../Buttons/GIFs/Home%20Over%20copy.gif',
)">onMouseOver="MM_swapImage('Image3','','../Buttons/GIFs/2d%20Over%20copy.gif',1)
><imgonMouseOver="MM_swapImage('Image4','','../Buttons/GIFs/3d%20Over%20copy.gif',1)
><img src="../Buttons/GIFs/3d%20Normal%20copy.gif" name="Image4" width="125" height="40" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','../Buttons/GIFs/Home%20Over%20copy.gif',
)">onMouseOver="MM_swapImage('Image3','','../Buttons/GIFs/2d%20Over%20copy.gif',1)
><imgonMouseOver="MM_swapImage('Image4','','../Buttons/GIFs/3d%20Over%20copy.gif',1)
><imgonMouseOver="MM_swapImage('Image5','','../Buttons/GIFs/Links%20Over%20copy.gif'
1)"><img src="../Buttons/GIFs/Links%20Normal%20copy.gif" name="Image5" width="125" height="40" border="0"></a></td>
</tr>
<tr>
<td height="40" align="center"><img src="../Copyright%20Bottom.gif" width="500" height="30"></td>
</tr>
</table>
 
I tried that code on my computer, and the iframe code works. Are you talking about how it scrolls from left to right and you want to remove that?

If so, all you have to do is put a table in the page where your thumbnails are and make the width the same width or smaller than the iframe so it won't scroll from left to right
 
don't use an iframe. why can't you just specify the overflow css attribute on the section of the page?
 
I second the above dude, it's not as simple to learn as HTML. But, CSS is awesome when it comes to laying out a page, you just have so much more control.

 
You must log in or register to reply here.

TRENDING THREADS

Back
Top