HTML - I Need The Transparency Code

I have been trying to research hacks to for internet explorer 5.5 and 6 to allow .png images to show transparent backgrounds (rather than showing with a blue/gray background color behind them.) As I understand it internet explorer allows for binary transparency (which is default in .gif files) but you have to do a work around in order to display alpha transparency. I am using a 24bit png file with a transparent background and it displays properly in firefox. I cannot use a .gif or 8bit png because the image has too much detail loss if I do so.

For what I am trying to do I really only need binary transparency because I want the background to be completely transparent. So my question is whether there is a way to use a 24bit .png file in binary transparency and just disable the alpha transparency channels? Is there a way to save the .png with only binary transparency to begin with for that matter? I created the file using photoshop.

Hi, I am working on a wordpress theme and I have made a horizontal drop down menu. For some reason the drop down part has transparency and the text is almost unreadable as it mixes with the text in the main container. Each of the submenus is a list nested in the list item above. Here is the full code for the menu:
HTML Code:

<ul class="menu">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>
	<ul id="nav" class="menu"> 
    <li><a href="<?php bloginfo('url'); ?>">Home<img src="<?php bloginfo('template_url'); ?>/images/icons/home.png" class="menu_icon" alt="Home" border="0" /></a> </li> 
    
    <li><a href="#">Facilitators<img src="<?php bloginfo('template_url'); ?>/images/icons/people.png" class="menu_icon" alt="Facilitators" border="0" /><img src="<?php bloginfo('template_url'); ?>/images/icons/arrow.png" class="arrow" alt="Contact Us" border="0" /></a> 
      <ul> 
        <li><a href="<?php bloginfo('url'); ?>/narelle-nelles">Narelle Nelles</a></li> 
        <li><a href="<?php bloginfo('url'); ?>/susan-gregory">Susan Gregory</a></li>
      </ul> 
    </li> 
        <li><a href="#">Courses<img src="<?php bloginfo('template_url'); ?>/images/icons/courses.png" class="menu_icon" alt="Courses" border="0" /><img src="<?php bloginfo('template_url'); ?>/images/icons/arrow.png" class="arrow" alt="Contact Us" border="0" /></a> 
      <ul> 
        <li><a href="<?php bloginfo('url'); ?>/parenting-course">Parenting Course</a></li> 
        <li><a href="<?php bloginfo('url'); ?>/beyond-behaviour">Beyond Behaviour</a></li>
        <li><a href="<?php bloginfo('url'); ?>/staff-training">Staff Training</a></li>
        <li><a href="<?php bloginfo('url'); ?>/upcoming-courses">Upcoming Courses</a></li>
      </ul> 
    </li>
    
            <li><a href="#">Register<img src="<?php bloginfo('template_url'); ?>/images/icons/register.png" class="menu_icon" alt="Register" border="0" /><img src="<?php bloginfo('template_url'); ?>/images/icons/arrow.png" class="arrow" border="0" /></a> 
      <ul> 
        <li><a href="<?php bloginfo('template_url'); ?>/registration.html" title="Register Online" rel="gb_page_center[390, 490]">Register Online</a></li> 
        <li><a href="<?php bloginfo('template_url'); ?>/AARCRegistrationForm.doc">Register By Post</a></li>
        <li><a href="<?php bloginfo('url'); ?>/registration-terms">Registration Terms</a></li>
      </ul> 
    </li> 
    <li><a href="<?php bloginfo('template_url'); ?>/photo_gallery.php" rel="gb_page_fs[500, 500]">Photo Gallery<img src="<?php bloginfo('template_url'); ?>/images/icons/photo.png" class="menu_icon" alt="Photo Gallery" border="0" /></a></li>
    
    <li><a href="<?php bloginfo('template_url'); ?>/contact.html" rel="gb_page[280, 380]">Contact Us<img src="<?php bloginfo('template_url'); ?>/images/icons/email.png" class="menu_icon" alt="Contact Us" border="0" /></a></li>
</ul>

CSS Code:

ul {
	margin-right: 10px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	width: 160px;
	border-bottom: 1px solid #ccc;
	}
 ul li {
	position: relative;
	}
 li ul {
	position: absolute;
	left: 159px;
	top: 0;
	display: none;
	}
	
.sidebar a{
	color: #8b645a;}
 ul li a {
	display: block;
	text-decoration: none;
	background: #f1f9e6;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
	
 ul li a:hover{
	background: url(images/menu_bg.png) bottom repeat-x;
	color: #43951e;}
 ul li li a:hover{
	background: url(images/menu_bg.png) bottom repeat-x;
	color: #43951e;}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

 li:hover ul, li.over ul { 
	display: block; }

I tried defining opacity to full but that does nothing. The problem happens in firefox, ie7, opera, and safari beta 3 for windows.

If you could help it would be great!,

Ricky

Greetings to you all,

Today's question I have is this:

Does anyone know how to achieve transparency with svg files in Safari?

I have an orange colored circle graphic in svg format. I want to display it on a colored background, maybe even an image background but in Safari it shows a white square around the circle. I have tried using the embed tag and the object tag and both show the white square. Both embed and object seem to be fine for Firefox and Opera. I have used img src and this displays the graphic as it should be in Safari but doesn't show at all in Firefox.

I have spent the last three hours searching the net for an answer but there doesn't seem to be a solution out there.

I would really appreciate some help. I'm sure there must be other people with the same problem.

Thanks very much.

Cant figure out how to do this effect, the image is the layout in photoshop, what im trying to do is, I have a Background image, with wood texture and I have a div over it where content goes. In photoshop i cut the bg, set it as my bg with html, and now im trying to over lay the content area that in photoshop is Black with about 60% transparency so you can still see the wood grain but also still have the edges to mimmick the content header so i cant just use a 50% square transparency

any ideas will greatly be appreciated.

Here is the problem
Ordus Inferi Guild Forums

top left banner, there is a no image display on top of my transparency.

Here is the code, I know it has to be wrong...so what do I change:

<a href="index.php"> <img <DIV ID="oDiv" STYLE="position:absolute; left:; height:180; width:526;
filter:progid:(nospace here, but it made happy face)DXImageTransform.Microsoft.AlphaImageLoader(
src='/forums/styles/StarCraft/theme/images/id_logo.png")</div></img></a>

Thank you much.

On firefox, the banner is not viewable at all, while on IE it is viewable...BUT it has a no image [x] layered ontop of the image.

I've used a code for a layout on my blog at blogger.com, and I've tweaked it to my likeness except for the fact that the photos on my blog all are semi transparent. Does anyone know what I should look for to change so the photos appear as solid? Thanks for any help. If anyone wants to see the code in it's entirety I can post it.

http://www.mohler.cz/radim/segeta/al...lkodlaci6.html

Hi all I have encountred problem while using transparent swf on site I am developing.. The problem is only with firefox...when I try to click the link it starts to blink and is unclicable...well I figured out that when I place a small picture just below that div containing my swf it works correct.... well, well, but the other problem emerges when I would like to use second swf with transparency at the bottom .....well I would like to scroll the content like the entire page not an iframe or whatever , but I cant place there this workaround because it 1, doesnt work when its in a div
2, without div it is just an element and the iframe where I load my content aligns beneath it so it is off the screen....

Is there a problem using the background the way I do ??

Does also anyone know how to get rid of that flickering in firefox when I scroll content with images for example in "fotogalerie " ????

Hello,

I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong.

Sample code I'm using -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Simple Link Example 2</TITLE>
</HEAD>
<BODY>

<H1 ALIGN="CENTER">Creating Relative Reference Links</H>

<HR>
<P>Open <A HREF="practice1.html">Practice 1</A>.</P>

<P> Open <A HREF="practice2.html">Practice 2</A>.</P>

<P>Open <A HREF="practice3.html" TARGET="_blank">
Practice 3</A> in a new window.</P>

</BODY>
</HTML>

Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night.

Thanks!
cordelia

Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream".

How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML?

Thanx!

I was curious to find out, where can i find a cool looking shoutbox code where i can put on my message forum?

Looking for some neat, and cozy with some advance options. Meaning, i would like to change the colors to match with my forum and stuff.

Thanks.

I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them.

Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help.

I got some code of a tutorial for an image slider, and I used NotePad ++ to edit it with my images and links. But I don't know whats wrong?!? It won't load. I put it in Wordpress and upload the images and it doesn't work! I have attached the code file. Thanks is anyone can help!

Can someone point me in the right direction for code to place an MP3 on my website?

I would like it to be available to listened to online and also to download.

Thanks.

Hi,

Can someone check the code and tell me why the bottom row keeps going to the top?

http://elitedonuts.com/test1.html

Also when I use a validator it keeps telling me these errors but I seem to have the closing </body> and </div> tag?

http://validator.w3.org/check?uri=ht...alidator%2F1.2

Thanks

Hello i would really apreciate if some1 could help me with this kind of code :

I have some thumbnails images and i want to play embed videos for each image, and the video to apears in a specific location ....

If some1 could help thank you in advance