|
HTML - Html Code To Make Image Transparent
Hi people, I've search the net regarding this issue and from what I've gathered, images can only be transparent provided it's in the gif format. May I know is it possible to make png pictures transparent? I heard that's possible with IE 7, but I want a method that works with lowers versions of IE too.
I'm trying to avoid CSS if possible, is there a code something like "style=transparent" that can be typed into the <img> tag? Thanks Similar TutorialsI have a part in my site wherer if u go out of line, it will start a scrollin thing, ill show u how it is now. on the part where it is squared in red instead of that color can i get it transparent? also on the outside of the arrows! p.s. here is the codes: Catagory: Code: <!--Other :Other--> <td valign="top"> <div class="content" style="position:relative; overflow: auto; width:150px; height:100px; left:-95px; top:700px;"> <font face="verdana" size="2"> Other<br> <!--Search Form Starts--> <center><FORM action="/cgi-bin/htsearch" method="post"> <input type="hidden" name="restrict" value="http://www.spt.pcaworld.net"> <input type="hidden" name="exclude" value="/index.html"><p> Search: <input type="text" name="words" size=20 maxlength=20 value=""> <input type="submit" value="Search"><br> Match: <select name="config"> <option value="htdig">with Extensions <option value="exact">Exactly </select> </form> <!--Credit Starts--> <!--http://htdig.sdsu.edu by Andrew Scherpbier andrew@contigo.com--> <!--Credit Ends--> </center> <!--Search Form Ends--> <!-- Start Bravenet.com Service Code --> <center><script language="JavaScript" type="text/javascript" src="http://pub38.bravenet.com/counter/code.php?id=401896&usernum=3260284116&cpv=2"></script></center> </div> </td> here is the style: Code: <!--Style-->
<style type="text/css">
A:link { color: #000000; text-decoration: none; font-weight: italic;}
A:visited { color: #EC0010; text-decoration: none; font-weight: normal;}
A:hover { color: #000000; text-decoration: none; font-weight: normal;}
body
{
SCROLLBAR-FACE-COLOR: #D70018;
SCROLLBAR-HIGHLIGHT-COLOR: #D70018;
SCROLLBAR-SHADOW-COLOR: #D70018;
SCROLLBAR-3DLIGHT-COLOR: #D70018;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #FB0000;
SCROLLBAR-DARKSHADOW-COLOR: #FB0000;
BACKGROUND-COLOR: #000000;
}
.bgtable
{ border: 0px solid #000000; background-color: #EC0010; background-image:url("http://i12.tinypic.com/61n9q81.png"); width: 1007px; height: 802px;}
.content
{ border: 0px solid #000000; color: #000000;}
</style>
<!--/Style-->
plz help! Hi Friends, I have problem in IE6 using transparent png image. I have already include the IE6 png fix javascript file. If suppose using img tag, its no problem, but I set the png image within my td background its not display properly. here my code : <td align="center" valign="middle" style="background-image:url(images/footer_bg.png); background-repeat:no-repeat;"> also i attached the sample image. this is my problem. so anybody knows or face the same problem give me the solutions. Yours, vjn_23 (vijayan M) Can you make an Image be transparent, like in photoshop? (see image attached) I want to make the white space in my top banner transparent so that you can see the background image below it. I have created a website www.aplexia-villas.co.uk. The problem is with two of the images. They have a gray background in IE, but on firefox they are fine. Does anyone know how i can make the transparency work? I have tried different formats: .png .jpeg .gif Thanks for you help. Hi, i have a website which i designed using HTML Code, but it is internet unfriendly, so it is not viewable at all. I want to convert the HTML Code to CSS, or do you know way for it to be viewable, without doing alot of things? .. I want my website to be viewable for all internet & i want to keep my layout i designed. It is only view-able with older version of firefox only. I have dreamweaver, if this means anything =] (but don't know how to use it) Please Help, thank you in advance. =] Hi guys i just joined and hope to learn a lot from this forum! Ok, My question is if there is a HTML code to save an image as a different image. To help explain better I want to embed an original artwork image on my myspace page. I have seen other artist do this same thing where they have embedded and image onto their page and if someone uses the Right click>Save image as... to try to save that image they get a whole different image than the one they wanted to save. For example: Say you wanted to save this image and after you use the Right click> save image as... and open up the file you just saved You get this Scripts don't work with myspace so i would like to know if there is a HTML code that does this. Thanks for your time <<<Edit>>> Ok heres a better example this users profile has an image of his alias i guess in his "About Me" Section and when you try to save the image you get a 1pixel gif Heres the users page (Google cache) http://64.233.167.104/search?q=cache...lnk&cd=1&gl=us The actual image URL is : http://img71.imageshack.us/img71/880/101copyzd9.png and the 1pixel gif's URL is : http://x.myspace.com/images/clear.gif I would like to know whats the html code for this because when you try to save the imageshack image you end up downloading the 1pixel gif instead Thanks for your time Hi, I need HTML code for image gallery like this or similar one. The most importand is the left&right arrows. Thanks for who try to help. Hi, I've been working on a site: www.ssvfd.com/newsite/main.php In Firefox underneath of the news image I have a link to burtonsvillevfd.com In firefox it's blue, yet in IE it's the way it's suppose to be. I can't seem to figure out why thats the only link that doesn't define the way I want it to (links in the footer define fine) and than the "news" image in Internet explorer has a grey background, where it's suppose to be transparent. Any ideas on how to fix that? Hi, I'm taking website design at school, and for our final mark we have to design a full website with Dreamweaver cs3. Now i'm stuck on one thing that i cant solve , so please help me out. How do I stop this image (background) from repeating??? Without using CSS & with CSS I've uploaded the site that I'm working on at http://www.bhsolutions.org and here is the code; HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sadmir's Website | Home</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style1 {
font-size: 30px;
font-weight: bold;
}
.style3 {
color: #CC0000;
font-size: 18px;
}
.style4 {color: #3D3C2C}
.style6 {font-size: 12px}
#apDiv1 {
position:absolute;
width:316px;
height:208px;
z-index:1;
left: 184px;
top: 705px;
}
body {
background-repeat: repeat;
}
-->
</style>
</head>
<body background="images/resource/background.png" onload="MM_preloadImages('images/navigation/servicesd2.gif')">
<table width="794" height="1089" border="0" align="center" cellpadding="1" cellspacing="1" background="images/resource/background.png">
<tr>
<td width="251" height="67" bgcolor="#FCFAE6"><a href="index.html"><img src="images/logo.gif" alt="Sadmir's Website" width="204" height="57" border="0" longdesc="index.html" /></a></td>
<td width="98" bgcolor="#FCFAE6">Link A</td>
<td width="66" bgcolor="#FCFAE6">Link B</td>
<td width="114" bgcolor="#FCFAE6">Link C</td>
<td width="210" bgcolor="#FCFAE6">Link D</td>
<td width="36" bgcolor="#FCFAE6"> </td>
</tr>
<tr>
<td height="21" colspan="6" bgcolor="#DBD8C6"><marquee scrolldelay="125" width="100%">
<span class="style6"><font color="#800517" >Welcome to Sadmir's Website</span> </marquee> </td>
</tr>
<tr>
<td height="59" valign="top"><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','images/navigation/servicesd2.gif',1)"><img src="images/navigation/services.gif" alt="Services" name="Services" width="240" height="65" border="0" id="Services" /></a></td>
<td colspan="5" rowspan="3" valign="top"><img src="images/header-img.jpg" width="525" height="238" /></td>
</tr>
<tr>
<td height="66">link 2</td>
</tr>
<tr>
<td height="103">Link 3</td>
</tr>
<tr>
<td height="260" colspan="6" background="images/bodybg.gif" bgcolor="#BEE4FF"><blockquote>
<blockquote>
<blockquote>
<p align="left" valign="top"><span class="style1">Welcome to</span></p>
<p><span class="redtext style3">Sadmir's Unique Web Solutions.</span></p>
<p align="left" class="style4">Whether you need a static, dynamic web page or a E-Commerce website for your small business, or just want a personal blog or forums website with design that moves at an affordable price, then Sadmir's Unique Web Solutions is the right place for you.</p>
</blockquote>
</blockquote>
</blockquote>
<p> </p>
</blockquote>
<div align="center"></div></td>
</tr>
<tr>
<td height="20" colspan="6"> </td>
</tr>
<tr>
<td height="59" colspan="3" background="images/bodysmall.gif"><blockquote>
<div align="center"><strong>Text</strong></div>
</blockquote></td>
<td colspan="3" background="images/bodysmall.gif"><div align="center"><strong>Text</strong></div></td>
</tr>
<tr>
<td height="259" colspan="3" background="images/bodyleft.gif" valign="top"><p> </p>
<blockquote>
<p><strong>How do I stop this image (background) from</strong></p>
<p><strong> repeating???</strong> ------------------------------------------->></p>
<p> </p>
<p>Without using CSS & with CSS</p>
<p>Thank you</p>
</blockquote>
<p> </p></td>
<td colspan="3" background="images/bodyleft.gif" valign="top"><p> </p>
<blockquote>
<p><strong>Text</strong></p>
<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>
</blockquote> </td>
</tr>
<tr>
<td height="20" colspan="6"> </td>
</tr>
<tr>
<td height="133" colspan="6" background="images/footerbg.gif" bgcolor="#FCFAE6"><div align="center">Footer</div></td>
</tr>
</table>
</body>
</html>
Thank you Code: <table border="0" cellpadding="0" cellspacing="0" id="NavigationBar1"> <tr> <td align="left" valign="top" width="117" height="31"><a href="www.conflict-gamers.net/forums"><img id="bv01002" src="bv01002.gif" alt="" align="top" border="0" width="117" height="31" onmouseover="SwapImage(1,0,'bv01002','bv01002_over.gif')" onmouseout="SwapImage(0,0,'bv01002','bv01002.gif')"></a></td> </tr> </table> and this is the image i want in there. http://img84.imageshack.us/img84/406...onforumfl2.jpg Can anyone help please. Here's what I'm up to: Made this scrolling desktop background on my Windows XP machine and found that the desktop icons, which appear transparent over a standard, static wallpaper, are no longer so when the desktop background is changed to an HTML one. That is, the text that displays as if typed with a drop-shadow over a static .jpg wallpaper image shows up over an HTML background inside a colored box. I'd like to get the "no box" effect, the standard XP text with a drop shadow, over the HTML background. Is this possible? Hi Friends, I've created an html coded email signature for Outlook 2003 (old, i know) and need some help. I've inserted a few images and linked them back to my company's social media platforms. When I insert the html template into Outlook it places <> after each picture/icon that i inserted. Any suggestions on how to remove these?! i finally figured out how to remove the underline but now i'm stuck with <> and can't get it to go away! PLEASE HELP!!! What is the html code when placing multiple links on a single image? For example... the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link? What is the html code when placing multiple links on a single image? For example... the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link? ________________________________________________________________ Buying diamonds online - James allen review - Bluenile.com review - Mondera Diamonds Review - Online diamond store reviews - Engagement ring guide - Engagement ring guide please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. i'm trying to put a transparent png img on a colored background, in IE6 the transparent part of the img appears as a color instead of transparent how can i fix that??? the attached imgs shows how it's appearing in IE6 and FF I have seen this many times but can not figure how to do it. Its the transparent images or text in text boxes, one example of this is http://au.movies.yahoo.com/Coming+Soon/to-cinemas/ At the top right you can see that transparent yahoo image in the text box and when you click it it disappears then comes back? can someone tell me how this works? Thanks I am trying to center this on a blog. It's on the left side on the page now but I've tried almost everything to get it to be centered. Any suggestions? Much appreciated! <html> <head> <style type="text/css"> ul#likes { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; } li.like_post { /* Should match the width specified in the Likes tag */ width: 150px; padding: 0 40px 0 0; float: left; } li.like_post img { max-width: 100%; } li.like_post blockquote { margin: 0; padding: 0 0 0 10px; border-left: 1px solid #eee; } li.like_post ol, li.like_post ul { margin: 0 0 0 15px; padding: 0; } li.like_post .like_link a { font-weight: bold; } li.like_post .like_title { font-weight: bold; } li.like_post .post_info_bottom { margin: 10px 0 0 0; display: block !important; } </style> </head> <body> ... {block:Likes} <div id="likes_container"> <h2>Stuff I like</h2> {Likes limit="5" summarize="100" width="150"} <a href="http://www.tumblr.com/liked/by/{Name}"> See more stuff I like </a> </div> {/block:Likes} </body> </html> |
|||||||