Transparent PNGs Help plz

Okay first off im very new at html. I can not figure out
where to put all the code for transparent PNGs in IE. I was
wondering if someone would draft an example. Using my site. I need
to get the icons at the top of the screen to be transparent. So
they are slanted and touching each other all nicely like is shows
in firefox. I got it to work once yesterday but the replace image
stoped working i couldnt figure it out so i am trying from the
start again. My site is www.triforcetechs.com. Also any critizim
would be helpful too im new to this sort of stuff. Just to let you
know also i have seached all over these forums and tryed many
diffent ways to make PNGs transparent but really i dont think i
know what im doing lol even if you could maybe fix one of my
buttons so i can see how its done that would be most helpful. Also
my email is [email protected] if you would like to email me
directly
Thanks in advanced

You don't have a valid DOCTYPE, see this:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.triforcetechs.com%2F
it explains quite well what you need.
Also, no <html> but you have </html>
I suggest fixing this and posting back as there are a number
of
possibilities causing problems.
PNGs have a problem with <IE7, here are two helpful links:
http://alistapart.com/stories/pngopacity/
and
http://homepage.ntlworld.com/bobosola/
Jo
"Monarky2000" <[email protected]> wrote in
message
news:ep92ua$keb$[email protected]..
> Okay first off im very new at html. I can not figure out
where to put all
> the
> code for transparent PNGs in IE. I was wondering if
someone would draft an
> example. Using my site. I need to get the icons at the
top of the screen
> to be
> transparent. So they are slanted and touching each other
all nicely like
> is
> shows in firefox. I got it to work once yesterday but
the replace image
> stoped
> working i couldnt figure it out so i am trying from the
start again. My
> site
> is www.triforcetechs.com. Also any critizim would be
helpful too im new to
> this
> sort of stuff. Just to let you know also i have seached
all over these
> forums
> and tryed many diffent ways to make PNGs transparent but
really i dont
> think i
> know what im doing lol even if you could maybe fix one
of my buttons so i
> can
> see how its done that would be most helpful. Also my
email is
> [email protected] if you would like to email me
directly
>
> Thanks in advanced
>
>

Similar Messages

Removing background shadow on transparent PNG image without losing shading on the object?

I have a pillow bevel applied to a paint splatter brush image, and I'm having trouble with the shadows. I want to save this splatter as a transparent PNG. The problem is that a drop shadow effect is showing up when I save it this way. I think it's a "shading" setting rather than a true drop shadow, as there is no drop shadow set in the layer styles. The shadow does not appear when a white background is applied. It only shows when the background is transparent. I've tried reducing the shading opacity in the bevel dialogue, and this does get rid of the drop shadow....the problem is that it also removes the shading from the paint splatter, making the image look flat instead of raised. Can anyone help? Thanks!

Good point Curt. First time poster, so I wasn't sure how to include images in my original post. Here they are:
Above is the image saved WITH transparency. Obviously the shadows all around the blue make this unusable.
Here is the exact same image...the only difference is that I saved it with a white background layer behind it in photoshop. As you can see, the shadow artifacts are gone, yet the splatter still maintains its correct shading to keep the raised effect.
Both of these images are saved as png. Any suggestions?

Export to PDF causes fringing around transparent PNGs only in Acrobat

If I export to PDF from Keynote '09 using the "Best" setting, I'm getting black fringing around solid elements in a transparent PNG that was placed in the original keynote doc. This fringing does not occur when the PDF is viewed in Preview. Any suggestions on how to remove the fringing?
Example is here: http://i.imgur.com/3QXGf.jpg
Thanks in advance for the help.

Perhaps my explanation of why this is a problem wasn't clear. The type of PDF links that Pages creates are, quite reasonably, set to highlight when clicked (there are a variety of options in PDF for the visual action of a clicked link; highlight is best for user feedback. In an ideal world, when the user clicks a link in a PDF, you want the a highlight box to appear over the text of the link - exactly over it, not too large, not too small.
Because Pages creates two links for each internal hyperlink, but the user will click only one of them in the PDF (whether in Preview or Acrobat), the highlight is almost guaranteed to be wrong for every click. If the user clicks the top link, only the top two-thirds of the text will highlight, and if the user clicks the bottom link, there will be a weird highlight either on the bottom third of the text or underneath it. It's inconsistent, but in most cases, it's wrong.
Obviously, this is only cosmetic, but it's the kind of mistake that hurts usability and detracts from the user experience, and as far as I can tell, there's absolutely no reason for it, making it a bug.
cheers... -Adam

Transparent PNG images in IE 6

I just found out that IE 6 doesn't support "transparent PNG"
files.
I have found a patch script that suppose to help but NOTHING!
Has anybody ever come across this problem, and how did you
get the images of work?
patch script....

<DIV ID="oDiv" STYLE="position:absolute; left:0px;
height:755; width:1002;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='image/bbd_main.png', sizingMethod='scale');" >
</DIV>

Hi this tutorial worked for me.
Look for the "Do you realize none of this works in IE6?"
section near the bottom of the page.
http://www.alistapart.com/articles/supereasyblendys
Works perfect

I want to export 'transparent png' (while it is on colored background)

Salam!
May you please help me in this issue!
I want to export an object as 'transparent png' (while it is on colored background) in Adobe Fireworks CS5. One way to do it, to place the object on a transparent background (Like in PS). But I want another solution. I don't want to move the object on transparent backgound, but still want to export this object as transparent png. Is there any solution????
Thank you!
Sheikh Naveed

This tutorial covers what you are looking for
http://www.smartwebby.com/free_tutorials/website-design-how-to/transparent-background.asp

Taking the transparent png files from net into Photoshop. It coming as flat not transparent. How can i do ?

Hi,
i want to take some transparent png files from internet into photoshop. The files originally transpernt on internet.
Im copying that image and paste into photoshop but it won't transparent. therefore im saving the files my mac and using like that.
But i dont want do this. Because this isn't problem in illustrator. Can anybody help me how can i use transparent png files as transparent in photoshop without save file?
hope could explain my problem.

If you can right click on the image and copy its utl to the clipboard you may ne able to open that in Photoshop with this old Photoshop script.
// OpenImageFromWeb.jsx
// Copyright 2006-2009
// Written by Jeffrey Tranberry
// Photoshop for Geeks Version 3.0
// modified by MLH
// modified by JJMACK 2010
Description:
This sample script shows how to download images from a web server using the
Socket object.
// Note: Socket.read() parameter & behavior
// Socket.read() will read or time out. It may not read all data fromserver. <---------------
// Socket.read(999999) will read 999999 bytes, or timeout, or socket will be
// closed by the server.
// enable double clicking from the
// Macintosh Finder or the Windows Explorer
#target photoshop
// Make Photoshop the frontmost application
app.bringToFront();
// SETUP
var html = "";
var request = "";
var url = "";
var binary = "";
var requesthtml = "";
var socket = new Socket;
var domain = "www.mouseprints.net" // the domain for the file we want
var sImg = "/old/dpr/JJMack8btiSrgb.png"; // the rest of the url for the file we want
var port = ":80"; // the port for the file we want
// MAIN
var url = prompt("Enter the image's full URL http://domain/full image path",url); // prompt for domain name
if (url != null && url != ""){
if ( (url.indexOf("http://") != -1) || (url.indexOf("HTTP://") != -1) ) {
domainPathLength = url.length - "http://".length;
domainPath = url.substr(7, domainPathLength);
pathOffset = domainPath.indexOf("/");
domain = domainPath.substr(0, pathOffset);
sImg = domainPath.substr(pathOffset, domainPath.length - pathOffset );
// Isolate Image name
var Name = sImg
var imagePath = "";
while (Name.indexOf("/") != -1 ) { // Strip Path
imagePath= imagePath + Name.substr(0, Name.indexOf("/") + 1);
Name = Name.substr(Name.indexOf("/") + 1 ,);
//alert("domain = " + domain + " , Image = " + sImg + " Image File Name = " + Name);
if ( domain != "" && sImg != "" && sImg != "/" && Name.indexOf(".") != -1 ) {
var f = File("~/" + Name); // Image file name
f.encoding = "binary"; // set binary mode
f.open("w");
if (socket.open(domain + port, "binary")){
//alert("GET " + sImg +" HTTP/1.0\n\n");
requesthtml ="\n\nDmain:" + domain + " Port" + port + " binary\n"
//request ="GET " + sImg +" HTTP/1.0\n\n"
request ="GET " + sImg +" HTTP/1.0\nHost: " + domain + "\nAccept: image/gif, image/x-xbitmap, image/png, image/jpeg, */*\n\n";
socket.write(request); // get the file
var binary = socket.read(99999999);
binary = removeHeaders(binary);
f.write(binary);
socket.close();
else { alert("Connection to Domain:" + domain + " Port" + port + " Failed ");}
f.close();
if (binary.length != 0) {
//alert ("file length = " + binary.length );
if(app.documents.length == 0) {
//app.documents.add([width] [, height] [, resolution] [, name] [, mode] [, initialFill] [,pixelAspectRatio] [, bitsPerChannel] [,colorProfileName])
app.documents.add(new UnitValue(1600,'px'), new UnitValue(1200,'px'), 72, null, NewDocumentMode.RGB, DocumentFill.WHITE, 1,BitsPerChannelType.EIGHT, "sRGB IEC61966-2.1" );
placeSmartObject( f );
f.remove(); // Remove temporary downloaded files
else { alert("Invalid Image URL: " + url ); }
else { alert("Invalid URL: " + url ); }
else { if ( url == "" ) alert("No URL Entered"); }
// FUNCTIONS
function placeSmartObject(fileRef){
//create a new smart object layer using a file
try {
var desc = new ActionDescriptor();
desc.putPath( charIDToTypeID( "null" ), new File( fileRef ) );
desc.putEnumerated( charIDToTypeID( "FTcs" ), charIDToTypeID( "QCSt" ),charIDToTypeID( "Qcsa" ));
desc.putUnitDouble( charIDToTypeID( "Wdth" ),charIDToTypeID( "#Prc" ), 100 );
desc.putUnitDouble( charIDToTypeID( "Hght" ), charIDToTypeID( "#Prc" ), 100 );
desc.putUnitDouble( charIDToTypeID( "Angl" ), charIDToTypeID( "#Ang" ), 0 );
desc.putBoolean( charIDToTypeID( "Lnkd" ), true );
executeAction( charIDToTypeID( "Plc " ), desc, DialogModes.NO );
activeDocument.activeLayer.resize(100 ,100,AnchorPosition.MIDDLECENTER);
activeDocument.revealAll();
} catch (e) { alert("Placeing file: '" + fileRef + "' failed"); }
// Remove header lines from HTTP response
function removeHeaders(binary){
var bContinue = true ; // flag for finding end of header
var line = "";
var httpheader = "";
var nFirst = 0;
var count = 0;
while (bContinue) {
line = getLine(binary) ; // each header line
httpheader = httpheader + line;
bContinue = line.length >= 2 ; // blank header == end of header
nFirst = line.length + 1 ;
binary = binary.substr(nFirst) ;
if (httpheader.indexOf("Bad Request") != -1 || httpheader.indexOf("Not Found") != -1) {
alert (requesthtml + request + httpheader);
var binary = "";
//alert (requesthtml + request + httpheader + "\nFile length = " + binary.length);
return binary;
// Get a response line from the HTML
function getLine(html){
var line = "" ;
for (var i = 0; html.charCodeAt(i) != 10; i++){ // finding line end
line += html[i] ;
return line ;

Im new to the 5g ipod help plz

will the ipod turn off if i leave it on pause? i know i have a really stupid question but help plz thx

Yes.

My Apple TV is not working. On tv display, I'm getting unsupported signal. Check your device output. Can anyone help plz.

My Apple TV is not working. On tv display, I'm getting a message 'unsupported signal. Check your device output. ' Can anyone help plz.

connect it to a tv which support full hd and go into the settings and lower the resolution as much as possible and then connect it with your tv once more

I have just getting a new phone and I have forgot my password an Apple ID what I made new for the new phone now I cannot get on it because asking for id and password what should I do help plz thank u

I have just getting a new phone and I have forgot my password an Apple ID what I made new for the new phone now I cannot get on it because asking for id and password what should I do help plz thank u

Try
https://iforgot.apple.com

How can I convert an .eps created in AI to a transparent .png

The logo I created in AI is beautiful. I would like an equally beautiful transparent .png for use on my website. Is this possible?

Reddafodil,
Remember to tick Transparency.
I would like an equally beautiful transparent .png
Then you should use (at least) PNG24, and certainly not GIF which only has a very limited number of colours; PNG24 has many more than PNG8.

I lost my phone and i got an unlocked 4s from my gf she used it before an its still connected to her icloud is there a way i can restore my icloud back up to replace hers without messing up the unlock also my latest backup isnt showing on my pc help plz!!

i lost my phone and i got an unlocked 4s from my gf she used it before an its still connected to her icloud is there a way i can restore my icloud back up to replace hers without messing up the unlock also my latest backup isnt showing on my pc help plz!!

Please please help me, if you know how.

I cant get voice over to work on my 4G shuffle it clicks off every time help plz

i need help plz it wont work

Hello,
Welcome to Adobe Forums.
Try uninstalling Adobe Flash Player from Flash Player uninstaller : http://helpx.adobe.com/flash-player/kb/uninstall-flash-player-mac-os.html#main_uninstall
Try a clean installation using this KB : http://helpx.adobe.com/content/help/en/flash-player/kb/installation-problems-flash-player- mac.html
Thanks,
Vikram

Strange lines appear around transparent PNG's when document PDF'ed

Hi
I have inserted some transparent PNG images into my Pages document, and they look fine on my screen, and they also look fine when I export to PDF and view in Preview.
However, if I view the PDF in Acrobat (or send it to a Non-Mac user and they view it in Acrobat), there are thin lines around many of the PNG images, which make them look ugly and sloppy, and very un-Mac-Like! Any ideas why these lines are appearing and how to prevent them?

Hi logree
Welcome to the forum.
My guess is that it is showing just the edge of the masked background used to hide the alpha channel background of the .png.
This happens I think, because the postscript mask may be centred on the outside rows of pixels in Acrobat, with half the pixels still being revealed.
You can try masking in Pages' instead:
+Menu > Format > Instant Alpha+
or try a Photoshop file with transparent background, to see if that eliminates the problem.
Peter

Help Plz.......!!!!its urgent

hi nokia users
flash lite on my 5530 only plays youtube videos,and when tried to play videos on other sites then it says flash player is required............do ui use any software that supports web videos...???
help plz.....
thanks in advance

Falshplayer vedio cant acces in your device?

Help plz so my gf said she block me and we txt back to back but later on i sent her a messages and it said it was read so am I blocked a

help plz so my gf said she block me and we txt back to back but later on i sent her a messages and it said it was read so am I blocked

The proper way to close Firefox is through the File menu "Exit" or the equivalent with the Firefox button.
More detail in item '''#38 Firefox already running '''
of
[http://dmcritchie.mvps.org/firefox/firefox-problems.htm#fx4interface Fix Firefox 4.0 toolbar user interface, problems (Make Firefox 4.0 look like 3.6) (#fx4interface)]
Firefox already running, to properly shutdown Firefox when closing the last window use File → Exit/Quit (or Firefox button → Exit). Closing Firefox with the [X] in the upper right corner closes the window ("Ctrl+W") but that does not necessarily close Firefox if it has subtasks running. If you want to close and reopen Firefox use the "Restart" within Add-ons if you made a change requiring a restart, or install "[https://addons.mozilla.org/firefox/addon/restartless-restart/ Restartless Restart]" ("Ctrl+Alt+R") which will allow you to take Firefox down and restart without having to check the Windows Task Manager to see if Firefox first actually ended. [http://kb.mozillazine.org/Firefox_hangs Firefox hangs]

Transparent PNGs Help plz

Similar Messages

Maybe you are looking for