|
HTML - [rsolved]image Not Transparent/link Definition
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? Similar TutorialsHi 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 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 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'm having another less-than-bright day, and I cannot get this very simple table to look the way I want. I pulled all the definitions out of the CSS file and put them in here to make it easier. Can one of you knowledgeable folks answer some questions for me? 1. The td sizes aren't as set in the colgroup. Amount is WAY wider than I specified. Payment Method is way narrower. HALF the space should be for Payment Method. Instead it looks like they're some bizarre, random size. How do I get the cells to match the column width I set? 2. My table has "frame="box, rules="all"". But, I don't see a line for the box at all, and in IE the "rules" appear as white lines instead of black (in Firefox they seem ok). How do I control the color of the frame and the rules so I can make them black in IE too? 3. My fields (the yellow areas) don't fill the space in the cell. I don't know if this is related to the fact that the td sizes don't match the colgroup, but Payment Method, for example, doesn't visibly fill the whole cell. What do I have wrong, where? 4. As far as making the outline of the fields visible, I'd like to have no td border and just let the rules between each cell do the defining - using border:none perhaps? Make the cell background and table background the same color and it seems like things should work fine. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body> <!-- <div style="text-align:left; border:2px solid #000000; padding:0px 10px 0px 10px; margin:auto; background-color:#ccfccf; width:600px;">--> <div style="border:2px solid #000000; padding:10px; margin:auto; background-color:#3F6; width:600px;"> <form name="dues" method="post" action="<?php echo htmlentities($_SERVER['REQUEST_URI'], ENT_COMPAT, 'UTF-8'); ?>"> <!-- <table style="width:100%; background-color:#eeeeee; border-collapse:collapse; border:1px solid black; color:#000000; font-size:14px; font-weight:bold;" frame="box" rules="all">--> <table style="background-color:red; border:1px solid black; size:14px; font-weight:bold;" frame="box" rules="all"> <colgroup> <col width="30%" /> <col width="20%" /> <col width="50%" /> </colgroup> <tr> <th align=left>Renewal Date</th> <th align=right>Amount</th> <th align=left>Payment Method</th> </tr> <tr> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" READONLY type="text" name="RenewalDate[0]" value="08/01/2010" /></td> <td><input style="text-align:right; border:none; background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="DuesPaid[0]" value="20.00" /></td> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="PaymentMethod[0]" value="" /></td> </tr> <tr> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" READONLY type="text" name="RenewalDate[1]" value="10/01/2009" /></td> <td><input style="text-align:right; border:none; background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="DuesPaid[1]" value="27.00" /></td> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="PaymentMethod[1]" value="Check 7057" /></td> </tr> <!-- <?php echo $DuesRows; ?>--> </TABLE> </form></div></body> </html> the title makes it sounds really confusing. Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another. The code is - HTML Code: // Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg'
Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg'
Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg'
Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one) can anyone help me? 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 im kind of new to design and some of my image links have a small blue box around them and i dont know what it is. Im using dreamweaver to build my site. it is www.devilthreads.com if you want to check it out But how do i get rid of that damn blue box around the image link Say I have an image that is 400px tall, and 200 px wide. What do I have to do so that if the user clicks the top half of the image, it takes him to a certain link, and it takes him to a different link if he clicks the lower half? I think this is possiboe, and I do not want to use 2 images... Thanks! I appreciate all your help! Hey, im making a portfolio site and i am linking my images except when i link them i get a small blue border around it whihc moves it down a bit and it looks outta place i was wondeirng is there anyway to take this border out or not plz help. heres what it looks like be4 and after. I'm not sure if this belongs in HTML, CSS, or somewhere else entirely, but I thought I'd start here... I'm creating a photography website in which the background is black. Right now, the site is very basic...pretty much entirely done in HTML and a little CSS. I have a set of thumbnails that link to a full size image. I know that I could have the thumbnail link to another html page entirely, and have that page display my photo as well as background colors, but I was wondering if there was a way to link directly to the photo, yet have a black background when the browser opens the photo. Ok, what is the code to put in to get this done? I have image at: images/tables/image.jpg and i need to show it at work/portfolio/index.html The problem is if i link to images/tables/image.jpg it will now show it cause the path is wrong at work/portfolio/index.html, how do i set path to the image? do i just put ../images/tables/image.jpg or what is the right code? thanks! Hey guys, I want to click a button that is behind an image (set in absolute position). The button that I am trying to click is within an iframe so I cant use any sort of javascript to click it. The click must be real and not faken. Iframe containing button ----> Image over it Is there anyway I can setup the image so I would be able to click thru it (add transparency setting or something like that)? The image must remain visible but I want to be able to click the button that is under it. The goal is to make the visitor click the image but it would actually click the button in the iframe behind it. Thanks alot guys, I have never encountered this problem before and can't figure it out. I've created an include file that holds my left nav. It's a table that holds various images that are links. But the last two buttons (that are simple and small gifs) I've created will not render at all in IE6. In view source it shows the table tags fine, but strips out the image tags for those buttons. The really weird thing is that everyone else can see the images on their computers in Firefox, IE6 and IE7, Mozilla, etc... Also, if I take the actual links out of the href tag and leave it blank, the images show up fine. What the heck is wrong with my browser??? Hi, I'm new here, and even new to coding websites. Well, it's going pretty well this far I think, but I have one problem now. I have placed a picture/logo which I have turned into a link. It's working very well and looks great, in Google Chrome! But in IE there's a "border" which is blue, and with mouse over it's red. Like all the other links on my site. But I don't want this "border" to be there, just like in Chrome. I have tried almost everything to remove it, but I can't. And I can't even figure out why it's there. Can somebody help me? Thank you. Best regards Thomas. Hi Guys, I have an image with link tags around it but it doesnt work in IE6. See code: <a href="http://www.site.com"><img src="images/support_button.png" class="supportbutton"/></a> .supportbutton { float : right; margin-top : -0.4em; padding : 0; border : none; } I've got a photo gallery set up for my site, each gallery pops up in a new window. Within each gallery there are various thumbnails. Is there anyway I can link the thumbnails to open in a specified area of the window? (while still showing the other thumbnails) This is what I do have: <img src="images/Thumb/dress/dress3.jpg"> <img src="images/Thumb/dress/dress4.jpg"> <img src="images/Thumb/dress/dress5.jpg"> <img src="images/Thumb/dress/dress6.jpg"> --I haven't added the link html yet because I'm not sure if it will be different from the norm..please help |
|||||||