/    Sign up×
Community /Pin to ProfileBookmark

i have a background pic and i want to put a frame in the background taking away the middle section of the background picture. how can i do that i cant get it to work. what is the code that i should use i want to display text and pics in the frame and i want to scroll also. any ideas would help.thanks

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@Energizer74Jan 25.2003 — You will have to specify, with <FRAME MARGINWIDTH=?> (left and right margins) and <FRAME MARGINHEIGHT=?> (top and bottom margins) can be done in pizels or %

That way, you can place where you want the frame, the only problem is going to be with different display size for different users, the only way you can get absolute positioning will be with CSS.

As for putting info in the frame, if you can write the code for it, you can put it in a frame, you will have to have the

<FRAME SRC="URL"> point to a HTML that contains all the data you want in it.


To get it to scroll is easy;

<FRAME SCROLLING="YES">

You will also want to have the frame NOT resizable by putting this also;

<FRAME NORESIZE>

Hope that helps!
Copy linkTweet thisAlerts:
@jdaviaJan 26.2003 — Try an Iframe:

http://www.dynamicdrive.com/dynamicindex17/iframescroll.htm Do a search for "Iframe"

OR:

Make the image as the background of the BODY. Then make a centered table with a set width and height in Percent, (70% as a starter, with a background color. Add your data. You can add links in that table to load other pages if wanted. Either way it can look the same.
Copy linkTweet thisAlerts:
@StefanJan 26.2003 — [i]Originally posted by warpedmonkey [/i]

what is the code that i should use i want to display text and pics in the frame and i want to scroll also. any ideas would help.thanks [/B][/QUOTE]


Are you looking for the ability to change the information in this middle window without changing the rest?

In that case use Iframe.

If all you want is "display text and pics in a box with scrolls" then the following will work

<div style="width:80%; height:60%; overflow:auto;">

blabla

</div>
×

Success!

Help @warpedmonkey spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...