HTML - Changing Opacity Of An Image To That Of Its Table

Hi all, thank you in advance to anyone that can help.

I'm sure this is probably an issue that has been covered in the past however I have had no luck finding it.

I have a 2 column table with an iframe the left column. Firefox shows this correctly, the edge of the cell meets with the iframe etc, but when viewed in IE, the table widths change dramatically. I have inserted two images (firefox v IE) to show what is happening. If anyone can find what I have done wrong, I would greatly appreciated.

Please, keep the replies in simple terms, I'm a bit of a n00b...


[IMG][img=http://img2.freeimagehosting.net/uploads/36b3e47e84.jpg][/IMG]

Hi all, thank you in advance to anyone that can help.

I'm sure this is probably an issue that has been covered in the past however I have had no luck finding it.

I have a 2 column table with an iframe the left column. Firefox shows this correctly, the edge of the cell meets with the iframe etc, but when viewed in IE, the table widths change dramatically. I have inserted two images (firefox v IE) to show what is happening. If anyone can find what I have done wrong, I would greatly appreciated.

Please, keep the replies in simple terms, I'm a bit of a n00b...





As you can see, the gray table background has overlapped over the iframe.

I have a simple web page which consists of one column of cells, five rows down.

I would like to have some sort of hierarchical structure that allows me to click a link in the top-most cell to bring up a set of links in the second row, then click on one of these links to bring up some more links in the third row etc.

Clicking on a different link in the top-most cell will then bring up a different set of links in the second row, and so on.

Can anyone suggest a method to do this? I've been looking into frames but i've read that this isn't best practise.

Thanks.

OK I am so new to HTML I can't even spell it.

I have a industrial HMI the has some custom webpage features to it and I would like to learn how to build the attached Table. I am not looking for someone to do this for me I am looking for some pointers.

Here is a link to the device that I am going to use and a quick breakdown of how they do things. This statement that I fully understand, I am out of my knowledge base so that is why I am here "Although the HTML code will be explained or commented through this document, a basic understanding is required to create a proper web site."

http://www.redlion.net/Support/TechN...ace/TNOI33.pdf

I don't know what CSS is ? I got a few examples from all over the web some from http://www.quackit.com. and just can't figure out the layout and cell colors. I plan on changing the background color on the cell to the right of the descriptor depending on the cell value. Red if <100, Green >100

I would like to start with a cell layout that I can then link values to and from the HMI per the instructions in the Tech Note above. I have played with this device just basically copy and paste the above note I have gotten that working before.

Thanks for taking your time to at least read this post from a NOOB.

Hi there
I'm currently making a estate agency for my college project and have come into a problem
I am not that great with html I much prefer programming rather than web development

So here is the question how do I change a image on click of another image (for say there is 1 big image on the website and 3 smaller ones I want to change the content of the big image into the clicked smaller image)

an example of this is at the following website:
http://www.haart.co.uk/buying-house/...ls_160839.aspx

Any help would be great
thanks
dave

Dear HTML Experts,

I forget the code which changed the image when, the cursor was at it?
Can someone tell me the code?

I need to make it so when you click on the image map it changes the image and changes the image map. I am ONLY using html and javascript is not an option. I am shure it is something stupid...

<code>
<img src="image.gif" id="image" border="0" name="image" usemap="#tour" />


<map name="tour">
<area shape="circ" coords="46,39,20"
onClick="
document.getElementById('image').src='flag1.jpg';
document.getElementById('image').useMap='tour2';
<!--NOT WORKING ^?!-->
">
</map>



<map name="tour2" id="tour2">
<area shape="rect" coords="590,325,650,408"
onClick="document.getElementById('image').src='flag.jpg';">
</map>
</code>

why???!


throwing in another random question I can't change the cursor with image maps either...
onMouseOver="this.style.cursor='help'" inside my code is not changing anything... when I highlight the mouse over the image map section...

I want to insert an image, but I want it to change to other images after a certain time frame (i.e. 5 seconds) as in a scrolling/moving image??
Can any one tell me how I can do this?
I'm not sure if this is even the right forum!!

Thanks!

Hello to everyone,

Does anyone happen to know why firefox is messing up the color of my image? (see attached).

thanks,
NetGD

ok here is my problem.

when i insert an image and do the onmouseover to change the image it works when i dont change the position of the image. Here is the problem, when i change the position, the onmouseover does not work.

here is the code without the position change

<html>
<head>
</head>
<body>
<body bgcolor="white">








<img src="http://i25.tinypic.com/1j53eb.jpg" onmouseover="src='http://i28.tinypic.com/2qatid5.png'" onmouseout="src='http://i25.tinypic.com/1j53eb.jpg'"/>


<div
style="
top: 150;
left: 260;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i29.tinypic.com/1057k1e.png"/>

</div>
<div
style="
top: 520;
left: 500;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i27.tinypic.com/zjjvqr.png"/>
</div>



</body>
</html>



here it is with the position change

<html>
<head>
</head>
<body>
<body bgcolor="white">










<div
style="
top: 200;
left: 200;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i25.tinypic.com/1j53eb.jpg" onmouseover="src='http://i28.tinypic.com/2qatid5.png'" onmouseout="src='http://i25.tinypic.com/1j53eb.jpg'"/>

</div>
<div
style="
top: 150;
left: 260;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i29.tinypic.com/1057k1e.png"/>

</div>
<div
style="
top: 520;
left: 500;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i27.tinypic.com/zjjvqr.png"/>
</div>



</body>
</html>


when you mouse over, you have to be in the exact middle... can someone help me?

sorry for the strange title to my problem, but it's the best I can do.

On the site below:
http://www.nomagicneon.com/shows.html

I have an image (not the truck) that contains data in the middle of it.

I made it in MS publisher, now to change the data, I have to go back to MS pub. and change and save and resize etc etc.

What I would like to do is:
Make the image, cut out the data and then be able to put the data in using HTML code.

I think that would require using code for the data and the new picture I created using absolutes.

but since never using absolutes, I am not sure.

any ideas?

TIA

Wondering if it's possible to make a circular image change to a different image on mouseover for each of the links in the sample photo. I'm thinking this would be easy to do if the image were square and not circular.



Sorry if this is in the wrong section. Is this possible and could you point me in the right direction?

Here is an image depicting the trouble I'm having:



I want to make a table, consisting of many cells. These cells would be fixed, and *very different* in sizes.

It's easy to make a no-space table when all the images are exactly the same size, but when you have images with a variety of sizes, the table doesn't fit perfectly.

Basically I want to create a collage of images with overlay text on each image. My idea was that I could create a table, and each cell (td) would have a background which is the image. Then I could just type in that cell, so the text would be over the image.
Then I'd do this for every one of my images, and a collage would be formed.

The problem is, the table makes large white spaces wherever the image sizes don't match!

How do I get rid of these spaces, or is there an entirely different code/approach I should be using?

Thanks!

Here is my current code:

HTML Code:

<html>
<head>
<style type="text/css">
table.nospace {
        padding: 0; margin: 0;
        border-collapse: collapse;
}
table.nospace tr {
        padding: 0; margin: 0;
}
table.nospace td {
        padding: 0; margin: 0;
}
</style>
</head>
<body>
<TABLE class="nospace" width="2040px" height="2000px" cellspacing="0px" cellpadding="0px">
<TR>

<td valign="top">
<table><tr>
<TD WIDTH="800px" HEIGHT="800px" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>text</FONT></h1>
</TD></tr></table>
</td>

<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="497" BACKGROUND="image" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>

<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="467" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>

</TR>
</TABLE>

</body>
</html>

You know this code in html:

<img src="klematis.jpg" width="150" height="113" alt="klematis"
style="opacity:0.4;filter:alpha(opacity=40)" />

It's used to do the opacity of an image my question is how can I do this with css jus so I donot have to put it for every image.

Ok. This is my coding for my form button. The opacity changes, when hovered over, in my editor and in IE - but it doesnt work in Netscape - any suggestions or ideas????

<input type="image" src="buttons.jpg" onmouseover="this.style.Opacity=1.0[1];this.filters.alpha.opacity=100" onmouseout="this.style.Opacity=0.7[1];this.filters.alpha.opacity=70" style="filter:alpha(opacity=70);opacity:0.7.[1]" size="25"
value="Find password" />