By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
443,846 Members | 1,836 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 443,846 IT Pros & Developers. It's quick & easy.

neat stuff -- how do you do it??

P: n/a
http://www.emol.com/especiales/cocin...ena/comida.asp

this page is so neat (goes in pop-up..) how was this done? how do you
give a layer (or div, I guess) a semi-transparency so you can still
see img under it? (and how do you do the scroll for the div?) I know
HTML very well, I also CSS and JavaScript, but am a bit mystified
here...

PLEASE respond by e-mail, fd***@yahoo.com, my access to usenet is very
limited.. thank you..

Frances Del Rio
www.francesdelrio.com
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
fd***@yahoo.com (Frances Del Rio) wrote:
http://www.emol.com/especiales/cocin...ena/comida.asp

this page is so neat (goes in pop-up..) how was this done? how do you
give a layer (or div, I guess) a semi-transparency so you can still
see img under it?
In this case you don't, the entire background is a single image:
http://www.emol.com/especiales/cocin...fondo_4_03.jpg
(and how do you do the scroll for the div?) I know
HTML very well, I also CSS and JavaScript, but am a bit mystified
here...


It's an absolutely positioned div with overflow: auto;

http://www.w3.org/TR/CSS2/visuren.html#propdef-position
http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow

There's no JavaScript involved in that part of the page, all the JS in
the page does is the image rollovers and load the advertising in teh
bottom left corner.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #2

P: n/a
Steve Pugh <st***@pugh.net> wrote in message news:<su********************************@4ax.com>. ..
fd***@yahoo.com (Frances Del Rio) wrote:
http://www.emol.com/especiales/cocin...ena/comida.asp

this page is so neat (goes in pop-up..) how was this done? how do you
give a layer (or div, I guess) a semi-transparency so you can still
see img under it?
In this case you don't, the entire background is a single image:
http://www.emol.com/especiales/cocin...fondo_4_03.jpg


ok, I see.. thank you very much... this should have occurred to
me...

(and how do you do the scroll for the div?) I know
HTML very well, I also CSS and JavaScript, but am a bit mystified
here...


It's an absolutely positioned div with overflow: auto;

http://www.w3.org/TR/CSS2/visuren.html#propdef-position
http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow

There's no JavaScript involved in that part of the page, all the JS in
the page does is the image rollovers and load the advertising in the
bottom left corner.


Ok, I haven't tried this (have this really cool new web dvlpr job, but
am always VERY busy..) but I guess what it means is that the div is
give a shorter length than the text occupies, so you automatically get
the scroll bar at the right, is that it?? if it's not I will study
further what u said and well, I suppose that one I can figure out..
ok, thank you very much.. Frances

Steve

Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.