473,387 Members | 1,771 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

neat stuff -- how do you do it??

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
2 2561
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Jeff Lambert | last post by:
I have this function everywhere in our SQL server 2000 stored procedures. Has anyone written a workaround function for it? I would appreciate if you could share. As you can imagine, searching the...
6
by: lkrubner | last post by:
Me and some friends are working on some PHP based templates for web pages. We've templates that look like this (simplified): <html> <head> <title> The green and blue design for carpentry...
72
by: Mel | last post by:
Are we going backwards ? (please excuse my spelling...) In my opinion an absolute YES ! Take a look at what we are doing ! we create TAGS, things like <H1> etc. and although there are tools...
4
by: Kerberos | last post by:
Check it out here: http://www.amazon.com pass your mouse over the top tab "SEE ALL 31 Product Categories" and see the nice menu. Is there a way to do it easily with CSS? I checked out the code, and...
2
by: Little PussyCat | last post by:
Hello, I need to be able to replace only the first occurance of a space character in a column. Reason being is the data in the column I am trying to replace seems to have umpteen space...
8
by: Tracker3000 | last post by:
(please stop deleting :), or tell me why you are, but this is where I want the thread) How do I make an image gallery where there are about 20 thumbnails and when you click on one, it blows it up...
1
by: Alex Karuso | last post by:
I found this quick CSS search site the net. You type style name, it gives you style options and help right away. Neat. I thought I'd share it with others - http://www.gotapi.com
7
by: Robert Latest | last post by:
Hello folks, I'm finding myself in a situation where I write plenty of code where "stacks" of function calls appear quite frequently, as shown below. Of course it would be tedious to check the...
0
by: | last post by:
I'm come from a self-taught ASP/Dreamweaver background and over the last year have used VS.NET/ASP.NET/C# more and more to the point that it is my primary development environment now. VS.NET is an...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.