add horizental scroll bars to widget

I use a widget with 180 pixel width, and my content is displayed as iframe from another site on this widget. howwver content is larger and its cut.

What can I do ? (except increase widget width and then I have no room for my forum ...)
any way to resize the iframe to fit ? 
any option to add horizental scroll bars to widget ?   adding scroll ="yes" to iframe doesn help.

<iframe name="inlineframe" src="http://www.cnn.com" frameborder="0" scrolling="yes" marginwidth="5" marginheight="5" style="width: 900px; height: 500px;"></iframe>

Hi

It's put in the style part. Just do something like:

Code:

<iframe name="inlineframe" src="http://www.cnn.com" frameborder="0" scrolling="yes" marginwidth="5" marginheight="5" style="width: 180px; height: 500px;"></iframe>

Take note though that the iframe will be very short so I suggest just putting the iframe code in your AP < Display < Homepage < Generalities < Post the code above < Save

Regards,
Pizza Boi

sorry, I copied your code and there are no horizental scroll bar in the widget.

Also another question, how to make the iframe clickable , I want that every click on the widget will launch a post url.

Hi

Odd.. it should have a scroll bar automatically. Anyway, if ever, I'll check on it.

And you have to do something like <button> tags. Derp. Anyway, I don't have time at the moment as I gotta go, but I'll work on it once I come back on. Please be patient, else someone can answer instead of me.

Regards,
Pizza Boi

Hello rleitman1,

Setting the width of the iframe to 100% should keep its width to the size of the module; it wont overflow.

Code:

<iframe name="inlineframe" src="http://www.cnn.com" marginwidth="5" marginheight="5" style="width:100%; height:500px;" frameborder="0" scrolling="yes"></iframe>

Ange Tuteur wrote:Hello rleitman1,

Setting the width of the iframe to 100% should keep its width to the size of the module; it wont overflow.

Code:

<iframe name="inlineframe" src="http://www.cnn.com" marginwidth="5" marginheight="5" style="width:100%; height:500px;" frameborder="0" scrolling="yes"></iframe>

i have one thing to ask
how to use the code with the content
where is the content should be ?
thank you
and sorry for post just here

Hi

You mean where you can place that code? Just about anywhere that accepts HTML, really. Announcements, Widgets, Post, Headers, etc.

Regards,
Pizza Boi

Pizza Boi wrote:Hi

You mean where you can place that code? Just about anywhere that accepts HTML, really. Announcements, Widgets, Post, Headers, etc.

Regards,
Pizza Boi

hmmm i guess i could not ask with the right way
im talking about the content and that code in my last reply
i mean the content i want to add in the horizental scroll code
but i miss the part how to use this code with my content
 

Hi

I can't understand . Can you just provide an example screenshot?

Regards,
Pizza Boi

okay lets see example
how about add this image 

Code:

[url=http://micsoft.xp3.biz/share.php?id=A5F1_51F17B05][img]http://micsoft.xp3.biz/image.php?id=A5F1_51F17B05&jpg[/img][/url]

in a widget no more then 200 PX of height
i hope that to not hard
thank you

Hi

Well, I'm not sure if you can actually add something like [img class=""] in posts, so I suggest either of the 2:

#1 Installing AvacWeb's LGBB
#2 Enable HTML for posts and declare something like:

<img class="Disispro" src="IMG LINK" />

And add something in the CSS like:

Code:

.Disispro {
  max-height: 200px;
}

Regards,
Pizza Boi

 
i guess we talking about scroll bar not change the size
how can i say it
how active the scroll bar with the content i want
like this i guess

Code:

<iframe name="inlineframe" src="http://www.cnn.com"
marginwidth="5" marginheight="5" style="width:100%; height:500px;"
frameborder="0" scrolling="yes"></iframe>
my content

or

Code:

my content
<iframe name="inlineframe" src="http://www.cnn.com"
marginwidth="5" marginheight="5" style="width:100%; height:500px;"
frameborder="0" scrolling="yes"></iframe>

or

Code:

<iframe name="inlineframe" src="my content"
marginwidth="5" marginheight="5" style="width:100%; height:500px;"
frameborder="0" scrolling="yes"></iframe>

this should make it clear i guess

Hi

This mah be the last time I try understanding this one, sorry. Just add scrolling="yes" to your content. Or you can use the [.scroll][/scroll] or [.updown][/updown] here in FM.

Regards,
Pizza Boi

 
hi
i find something

Code:

<div
    dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt;
 margin: 0pt;
    overflow: scroll; width: 500px; height: 200px;"><a href="http://micsoft.xp3.biz/share.php?id=A5F1_51F17B05"><img src="http://micsoft.xp3.biz/image.php?id=A5F1_51F17B05" border="0"></a></div>
    <div class="cname">

that what i was looking for but still only 1 thing
is make the width of the content never get out of the 500px or any size i like what ever the content will be
i hope this also helps the topic owner

Hi

Because the code above didn't have the width or height changed or you can just re-write it as this:

Code:

<div dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt; margin: 0pt; overflow: scroll; max-width: 500px; max-height: 200px;"><a href="http://micsoft.xp3.biz/share.php?id=A5F1_51F17B05"><img src="http://micsoft.xp3.biz/image.php?id=A5F1_51F17B05" border="0"></a></div>

You can declare min-width and min-height even for this. It's up to you what the size should be, but make sure you don't use both on a single sentence/code.

Regards,
Pizza Boi

will thats looks good thanks i will end here to not go of topic
my apologize to the topic owner
thank you again