473,595 Members | 2,615 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

layer transparent Please HELP!!

Dear friends,

My name is Pamela, I know little about CSS,
but I would like to ask a question
I have an image on a web page within a css layer:

<DIV ID=MyLayer
STYLE = "position: absolute;top:68 px; left:563px;
width:640px;hei ght:480px;">
<IMG src="ReportImag eBox_12.54.52.p ng" width=640 height=480></IMG>
</DIV>

I need that the parts of this layer which have a certain color
(for instance "white") be rendered transparent, that is
what is under the image must be visible.

How can I do it (I am assuming my image is not transparent
or its transparency not supported by browser, like png in ie6)

If it is not possible with CSS does anybody know an other
way to solve it (scrips ...?)

Thank you very much

-Pamela
..NET Developer

Sep 27 '05
87 9550
expertware at libero.it wrote:
Dear friends,

My name is Pamela, I know little about CSS,
but I would like to ask a question
I have an image on a web page within a css layer:

<DIV ID=MyLayer
STYLE = "position: absolute;top:68 px; left:563px;
width:640px;hei ght:480px;">
<IMG src="ReportImag eBox_12.54.52.p ng" width=640 height=480></IMG>
</DIV>

I need that the parts of this layer which have a certain color
(for instance "white") be rendered transparent, that is
what is under the image must be visible.

[...]

lookup "opacity"

http://www.google.com/search?q=css+opacity

Sep 27 '05 #11
It seems my msg has disappeared (??)
Here again

Finally I found the solution to be used with css. Its the Chroma Filter

here is a demo of web output. Note the 3 pictures on the right, 2 of
which (pie and legenda) are using transparency
if the browser (IE6) warns you, you must allow execution, to see the
transparency effect
http://cam70.sta.uniroma1.it/Technic...tatimedemo.htm
Pamela
..NET Developer
Datatime Team
http://cam70.sta.uniroma1.it/TechnicalPreview/

PS
this is the most extravagant group i have ever read...
css must have a strange effect on minds :-)

Sep 27 '05 #12
Actually I must correct myself.

There is a way to make a region transparent with css.

I have just been informed about the existence of the Chroma Filter and
was just
what needed. Already coded. This will do until ie7 ships.

Here is a demo of it.
http://cam70.sta.uniroma1.it/Technic...tatimedemo.htm

Note the 3 pictures on the right, 2 of which (pie and legenda) are
using transparency
if the browser (IE6) warns you, you must allow execution, to see the
transparency effect

Pamela
..NET Developer
Datatime Team
http://cam70.sta.uniroma1.it/TechnicalPreview/

Sep 27 '05 #13
expertware at libero.it wrote in message news:11******** **************@ g14g2000cwa.goo glegroups.com.. .
It seems my msg has disappeared (??)
Here again

Finally I found the solution to be used with css. Its the Chroma Filter

here is a demo of web output. Note the 3 pictures on the right, 2 of
which (pie and legenda) are using transparency
if the browser (IE6) warns you, you must allow execution, to see the
transparency effect
http://cam70.sta.uniroma1.it/Technic...tatimedemo.htm
you might be impressed, but chroma seems to be a micro$oft thingy,
which doesn't work on my version of Firefox. I bet there are other
browsers who react the same way.

I'm sorry to tell you that thatpage looks pretty bad.
no, not bad as in good.
the chroma filter doesn't work, the shipcountry and shipcity "cells"
are horribly rendered, and whatever is behind the piechart is unknown.

If I was a customer using datatime, I would promptly
look for a different software company to do business with.

not everybody likes to use MS products....

Sorry.
PS
this is the most extravagant group i have ever read...
css must have a strange effect on minds :-)


Actually, if implemented right, CSS has a great effect on websites
and on minds, but only if implemented correctly...
that's what this newsgroup is here for. Ultimately it is the author
who is responsible for a website. If warnings don't blow any whistles
then there's one more strange mind walking.

Mi raccommando
Sep 27 '05 #14
Once upon a time *Robi* wrote:
expertware at libero.it wrote in message news:1127836511 .937704.250570@ g14g2000
It seems my msg has disappeared (??)
Here again

Finally I found the solution to be used with css. Its the Chroma Filter

here is a demo of web output. Note the 3 pictures on the right, 2 of
which (pie and legenda) are using transparency
if the browser (IE6) warns you, you must allow execution, to see the
transparency effect
http://cam70.sta.uniroma1.it/Technic...tatimedemo.htm


you might be impressed, but chroma seems to be a micro$oft thingy,
which doesn't work on my version of Firefox. I bet there are other
browsers who react the same way.


IE probably use ActiveX to display the effect and since ActiveX is a
very vulnerable component, I don't use that browser.

--
/Arne
Now killing all posts originating at GoogleGroups
Workaround: http://www.safalra.com/special/googlegroupsreply/
-------------------------------------------------------------
Sep 27 '05 #15
ex********@libe ro.it wrote:
Actually I must correct myself.

There is a way to make a region transparent with css.

I have just been informed about the existence of the Chroma Filter and
was just
what needed. Already coded. This will do until ie7 ships.

Here is a demo of it.
http://cam70.sta.uniroma1.it/Technic...tatimedemo.htm

Note the 3 pictures on the right, 2 of which (pie and legenda) are
using transparency
if the browser (IE6) warns you, you must allow execution, to see the
transparency effect


FireFox 1.5 doesn't warn me and I see no transparency effect.
Sep 27 '05 #16
Robi wrote:
and whatever is behind the piechart is unknown.


http://cam70.sta.uniroma1.it/Technic...x_19.19.48.png

...and it is a 707.38 KB (724359 bytes) image! Waaay bad!

--
-bts
-When motorcycling, never follow a pig truck
Sep 28 '05 #17
Robi wrote:

you might be impressed, but chroma seems to be a micro$oft thingy,
which doesn't work on my version of Firefox. I bet there are other
browsers who react the same way.
Yes, an M$ special:
filter:progid:D XImageTransform .Microsoft.Chro ma(Color=White) ;
PS
this is the most extravagant group i have ever read...
css must have a strange effect on minds :-)

After seeing the same antiquated coding, code errors and abysmal
styling over and over, yes, we become testy. Lurk for a while.
Using CSS well requires a major shifts in mindset:
- learning the difference between presentation and semantic markup
- layout without tables
- recognizing that the user has a lot of influence on presentation
- discovering there are other (and better!) browsers than IE

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Sep 28 '05 #18
I have posted a simple question and got and incredible number of
replies.
None of which go to the point. That'is way I am talking about
extravagancy.
Is it possible than there is nobody able to answer simply in terms of
CODE ?

I will try again.

- Assume I am completely ignorant on css (its true) and I am here
among you experts
to be instructed. I am coding an a routine to export reports
produced by Datatime
http://cam70.sta.uniroma1.it/TechnicalPreview/
to web and I want they look EXACTLY the same. It is not important if
css is not elegant.
Our product only work with Microsoft technology. It's a .NET program.

- I have a simple problem. I have some Images in a web page that are
mandatory in
PNG format. They have a transparent background. The key used for coding
transparency
is white.

-So far the best i could do is (it is probably completely wrong):

<DIV ID=Cell{X=40,Y= 40}
STYLE = "position: absolute;
top:40px;
left:40px;
width:600px;
height:78px;
filter:progid:D XImageTransform .Microsoft.Chro ma(Color=White) ;
z-index:2;
">
<IMG src="MyPNGTrans parentImage.png " width=600 height=78 ></IMG>
</DIV>

- My simple question:
Could anyone provide the code which does what intended in a clean an
correct way
so that it works with most browser.

- Please speak to me only in terms of code. I am a .NET programmer.
Other discussions
are not useful. Or else they are only after you have provided the
right code.
If you don't' really know please just shut up and listen to what
experts have to say ...

- Be realistic, and use right priorities, 95% people is using ie. That
I know, none
of our target client has ever heard the word firefox. Our focus is on
reports.
People want to make them quickly. They don't give a damn about how we
reach the result.
They just want the result.

..NET Developer
-Pamela

Sep 28 '05 #19
ex********@libe ro.it:
- Be realistic, and use right priorities, 95% people is using ie.


On which planet?
--
Freundliche Gruesse,
Netzteil - Udo Marx
http://www.netzteil.com
Sep 28 '05 #20

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

16
2577
by: expertware | last post by:
Dear friends, My name is Pamela, I do not know anything about javascript, but I would like to ask if it offers a solution to this problem of mine. I have an image on a web page within a css layer: <DIV ID=MyLayer STYLE = "position: absolute;top:68px; left:563px;
1
1585
by: Daimy | last post by:
Can not make a control transparent in XP. Please help me. Thanks! public class Class1 : System.Windows.Forms.CheckBox {
1
1538
by: stalinmaddy | last post by:
I have problem with layers in my code. The problem is that it works well with ordinary html files but when include with any other files which have flash script or more javascript it doesn't work.....it doesn't able to drag on these files my code is here.. <div id='theLayer' style='position:relative;width:250px;left:100;top:100;visibility:hidden' > <table border='0' width='250' bgcolor='#424242' cellspacing='0' cellpadding='5'> <tr> <td...
0
7954
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
7882
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8260
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8379
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8017
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
6671
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
5837
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5416
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
3872
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

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.