Viewing HTML Snippet
HTML Snippet
|
User: Guest 12 years ago
|
|
|
I realise that the html snippet in EasyWeb and iWeb are different, but whilst in EasyWeb, I entered some code into the snippet as a Div element that had overflow: auto or overflow:scroll. When I previewed the site in Safari I found that the scroll function does not work at all, so the text gets stuck at the set height without being able to go further with the scroll function. Anyone offer any solutions? Thanks |
|
| Edit | |
|
User: Roddy 12 years ago
|
|
|
Can you post the code you are using?
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Guest 12 years ago
|
|
|
Hi, Yes, the code is as posted below, but for some reason the overflow:auto does not work when previewed in Safari. <div style="height:480px;width:710px;color:#FFFFFF; font:12px/16px Arial;overflow:auto;"> |
|
| Edit | |
|
User: Roddy 12 years ago
|
|
|
What you are using is an iWeb hack to avoid using an iframe in an iWeb Snippet. It is inappropriate for use in EasyWeb since the app uses true code injection and creates it's own divs. I can't comment on what you should be doing unless I know what this div contains and why you were using a styled div in the first place. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Guest 12 years ago
|
|
| The div contains text. Basically, what I wanted was a uniform page length and I wanted to enter the text so that it scrolled, but may be I can't do that with EasyWeb - worked well in iWeb though and created the look I wanted. | |
| Edit | |
|
User: Roddy 12 years ago
|
|
|
An easy way to do this is to create your text on a page in EasyWeb but exclude this page from the navigation. Give the page a name like "text-page". It will have no header or footer - just your text content. On the page where you want the text to appear, use an HTML Snippet with an iframe code... <iframe src="text-page.html" style="width: 400px; height: 600px; border: none></iframe>Adjust the width to suit that of your "text-page" and the height to whatever you want. As long as the iframe height is less than the "text-page" height the scrollbars will appear. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Guest 12 years ago
|
|
| Okay, thanks. Perhaps it is just easier to stick with normal pages! | |
| Edit | |
|
User: Roddy 12 years ago
|
|
|
Using this method with the iframe saves you entering the text as HTML. There are other ways like this example of jQuery More done in EasyWeb... http://roddymckay.com/EasyWeb/test/jquery-more.html One of the better jQuery scrollbar plugins for making any div scrollable is the one... http://rocha.la/jQuery-slimScroll ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Roddy 12 years ago
|
|
|
Here's slimScroll in EasyWeb... http://roddymckay.com/EasyWeb/test/slim-scroll.html ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |