HTML - Problem While Writing In A Text Box Over An Image

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 trying to create a simple thing for my business. What im trying to do is have the image of each of my employees and under it have their name and other info. I want the images side by side with some space and able to put their info under it. Can someone help me with a html code? thanks!

My client friend wants a links page with rollover emails that chage the main image of the page so he can have a different sketch of each of them.

My idea, and its backfiring as I can do this if I change the email text into images with swap image and a target but he wants them to remain as copyable (mmm is that even a word?) text.

Can it be done with text without making it an image?

many thanks to all you wonderful people that make these sites possible

jax

Hi, I am relativeley new to web design, I am just wondering if there is a way for me to put text over an image in Dreamweaver.

I made my layout in Photoshop, sliced it in Imageready and now have it open in Dreamweaver.

Any help is much appreciated.

Thanks
-Danny

Edit: Sorry, should've posted a screenshot to give you a better idea of what I mean.. Click the link to see what it is I want the text on.. The 'box' is a slice by the way.
http://img396.imageshack.us/img396/3271/helpub8.jpg

Hello, I would like to know, how can I insert text on top of an image (the one with the baby), so that the text would be non stop there on the same position, even if you change browser width...

URL: http://www.fkkt.org/gdemsa/domov.html

Please help

How do I type text on top of a image and have it look the same in IE and Firefox

Hi,

I want to place some text over an image, however i don't want to set the image as a background, as the user should be able to print the image, along with the text.

What i want is that a photo would have something like "copyright 2009" or something similar when it is printed.

Can someone point me in the right direction (to the correct forum, link etc.)

thanks and best regards,

Joe

Hi, I am new to the forum, and HTML. I have a website, but it built by someone else, who has since left the country, so I am trying to learn basic coding to do my own website work. My question is, how do I put an image on a page with text displayed on the image ? There is an image on the home page of my site, Lanna Charm, with text on it , and I have tried to create the same effect, without success. Is there an easy way to do this ? I found the image in "Assets", in the admin section, and I can reproduce it, but I want to use different images, with different text. Thank you, Mickmac

How can I, in a table, put text directly to the right of an image? When I try, the image is placed, and then there's plenty of space to the right, but the text goes to the bottom right corner of the picture. How can I have it like this: (x's represent the image)

xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx ← Text
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx

I'd like to have them all on a center line so to speak, where the middle of the text is lined up with the middle of the picture, and the text is centered (the text will be in a column-like structure, not just one line as it appears above)

How can I get text on top of an image? I can't use an absolute position.

credmond8.awardspace.com/random.html The text on the footer img.

If anyone knows how to do this, please help...

I am trying to place text over an image. My image is broken up into 2 images. I want the text to be over the top image while retaining the two images being together.

Here is my html:


<td align="center" valign="top"><table width="500" border="0" cellspacing="0" cellpadding="0">
<img src="top.jpg"><img src="middle.jpg">

What would the html be to accomplish this?

Thank you

Heya,
Im coding a site here in Dreamweaver CS3 and need some help. I have a sliced image from my made-in-photoshop layout, that is my content area. But In dreamweaver I cannot add text over it.
Anyone have a tutorial or advice that can get me past this?

Quote:
<html>
<head>
<title>newv4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="breakdownconspiracyinc.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (newv4.psd) -->
<div id="site_layout">
<table id="Table_01" align="center" width="500" height="470" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="images/area/name_area.jpg" width="26" height="470" alt=""></td>
<td colspan="11">
<img src="images/area/logo_area.jpg" width="450" height="159" alt=""></td>
<td rowspan="4">
<img src="images/fill/right_fill.gif" align="middle" width="24" height="470" alt=""></td>
</tr>
<tr>
<td>
<img src="images/fill/graphics-fill.jpg" width="42" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/Graphics.html">
<img src="images/buttons/button_graphics.jpg" border=0 width="73" height="17" alt=""></a></td>
<td>
<img src="images/fill/music_fill.jpg" width="31" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/music.html">
<img src="images/buttons/button_music.jpg" border=0 width="45" height="17" alt=""></a></td>
<td>
<img src="images/fill/film_fill.jpg" width="33" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/film.html">
<img src="images/buttons/button_film.jpg" border=0 width="30" height="17" alt=""></a></td>
<td>

<img src="images/fill/blog_fill.jpg" width="36" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/blog.html">
<img src="images/buttons/button_blog.jpg" border=0 width="33" height="17" alt=""></a></td>
<td>
<img src="images/fill/about_fill.jpg" width="33" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/blog.html">
<img src="images/buttons/button_about.jpg" border=0 width="50" height="17" alt=""></a></td>
<td>
<img src="images/fill/end_fill.jpg" width="44" height="17" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="images/area/content_area.gif" width="450" height="270" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="images/area/copywrite_area.jpg" width="450" height="24" alt=""></td>
</tr>
</table>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
image: http://allyoucanupload.webshots.com/...57666093499606

I am building a site from scratch, and since I dont have images yet, I am using image placeholders. I havent used frames, which may be my issue, but I used separate images on top for buttons and then a large image in the middle, and then a couple more buttons as images on the bottom of the page. Now when I try to align the middle image to the right so i can put buttons on the left, everything on the bottom half of the page moves to the rght as well, instead of just the middle image. Why is this happening, should i be using 4 separate frames on this page for each section? i am not to familiar with them, so i havent used them so far. Also, alot of the functions for images arent available, is that because they are just image placeholders? Any help would be greatly appreciated. Thanks

Hello,

I am trying to display an image on the bottom left corner of the text. The text is dynamic. Below is a sample code(the text below is going to be dynamic). Please Advice?

<style>
.imgst
{
float:left;
text-align:right;
overflow:hidden;
}
</style>

<table width="471" border="0" cellspacing="0" cellpadding="0">
<tr><td>
<span class="imgst"><img align="baseline" align="top" src="/images/adams.jpg" /></span>
lwekjrwekj rweklrjwerl lwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerl

</td>
</tr>
</table>

In restyling my website, I've decided to use more icons for links than I previously have done. However, rather than have text above each icon to explain what it does, i'd rather have a tooltip type alternate text feature that describes the link as the user hovers over it.

Problem is, I can't get it to work. My code is below:
<a href="startthread.php"><img src="IMAGES/newthreadicon.jpg" alt="start a new thread" /></a>
When I hover over it, nothing happens although the link works fine.

Is there something wrong with my code or could it be my browser settings?

Here's a link to the website if you're interested:
http://www.mannyroadend.co.uk/messageboard2010.php - Its a work in progress - i'm developing new pages live with the suffix '2010' so some of the links may not work properly or may re-direct you back to the current site.

Thanks.