473,714 Members | 2,531 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 #1
87 9591

ex********@libe ro.it schreef:
<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.


I wouldn't worry too much about that at all, since you've chosen to
place the image so far off to the left, it is hardly shown in my
viewport with my preferred dimensions (about 580px wide and about 480
high). Whether or not the image is partly transparent is not something
I will notice, since I will probably leave as soon as the page is fully
loaded and I notice the wide horizontal scroll that is necessary to use
the page.

--

-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ---------
weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html
webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html
zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html

Sep 27 '05 #2
ex********@libe ro.it wrote:
I have an image on a web page within a css layer:
There is no such thing as a CSS "layer", it's Macromedia marketing
speak, lose it.
<DIV ID=MyLayer
STYLE = "position: absolute;top:68 px; left:563px;
I'm willing to bet that you are using absolute positioning
inappropriately . It's often used to position most if not all elements,
this is a big mistake that results in a very bad web site. Note also
that inline styles are rarely a good idea, styles should be moved to an
external stylesheet.
width:640px;hei ght:480px;">
<IMG src="ReportImag eBox_12.54.52.p ng" width=640 height=480></IMG>
</DIV>
You should also learn how to write proper HTML, the above is invalid
markup, a validator may help in showing the syntax errors.
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)


The div's size is equal to the image, I assume that your reference to
transparency therefore applies to the image. Image transparency cannot
be manipulated via CSS, use an image editor.

--
Spartanicus
Sep 27 '05 #3
The number I used are unimportant they are random.
The issue is transparency.

If you like lets say it is
<DIV ID=MyLayer
STYLE = "position: absolute;top:0p x; left:0px;
width:200px;hei ght:200px;">
<IMG src="MyImage.pn g" width=640 height=480></IMG>
</DIV>


The page is generated * programmaticall y * within a bulk task. So
anything must be
inside of it.

My issue is. Is there a way to tell that layer that a given color
(example "white")
must be considered a key for transparency?

Pamela

Sep 27 '05 #4
Hi Pamela,

IE does not render transparency with png images. Use gif instead.

Bill
Sep 27 '05 #5
Bill wrote:

IE does not render transparency with png images.
Not true. IE does not support *alpha* transparency. It supports indexed
(8-bit) transparency just fine. If your graphics editor can only do
alpha transparency, it is deficient.
Use gif instead.


There is no benefit in using transparent gif over indexed transparent png.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Sep 27 '05 #6
ex********@libe ro.it wrote:
The number I used are unimportant they are random.
The issue is transparency.


Since you've ignored all that I wrote, I will return the favour.

--
Spartanicus
Sep 27 '05 #7
kchayka <us****@c-net.us> wrote:
IE does not render transparency with png images.


Not true. IE does not support *alpha* transparency.


Not directly, indirectly it does.

--
Spartanicus
Sep 27 '05 #8
About transparency everyone knows that
gif is ok and png is not still supported
by ie but it will in ie7.

By the way a very smart guy has forwarded me this
pointer http://webfx.eae.net/download/pngbehavior102.zip
very useful which fixes the problem with png in ie6

The point here was another, but everyone is talking
about what he likes.

Here seems people don't really want to get the point.
It is clear that css cannot make tell the browser
to make something transparent. Otherwise
someone have given the answer, instead of
saying anything passed in their mind...
Thanks anyway.

Pamela

Sep 27 '05 #9
ex********@libe ro.it wrote:
About transparency everyone knows that
gif is ok and png is not still supported
by ie but it will in ie7.


...which won't mean anything for at least the next ten years.

In another group, I just answered a question about email clients for a
Windows 95 user. Do you think he will be upgrading to
Longhorn/Vista/Vesta .. whatever they're going to call it .. anytime
soon?

http://www.safalra.com/special/googlegroupsreply/
--
-bts
-When motorcycling, never follow a pig truck
Sep 27 '05 #10

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

Similar topics

16
2588
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
1586
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
1543
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
8704
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
9307
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
9170
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
9071
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,...
1
6627
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
5943
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
4462
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...
1
3155
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2105
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.