The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Text over an Image Table, I have created a table of images in HTML. Now i need to add some text
Nebu John
post Aug 11 2012, 12:43 AM
Post #1





Group: Members
Posts: 1
Joined: 11-August 12
Member No.: 17,593



I have created a table of images in HTML. Now i need to add some text over that image. What shall i do nw?

The image table is Given below..

<table id="Table_01" width="960" height="603" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="6">
<img src="images/about_01.jpg" width="960" height="32" alt="" position="relative"></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/about_02.jpg" width="69" height="503" alt="" position="relative"></td>
<td colspan="3">
<a href="index.html">
<img src="images/a_return.jpg" width="474" height="70" alt="" position="relative"></td>
<td colspan="2" rowspan="2">
<img src="images/about_04.jpg" width="417" height="503" alt="" position="relative"></td>
</tr>

<tr>
<td colspan="3">

<img src="images/about_05.jpg" width="474" height="433" alt="" position="relative"></td>
</tr>

<tr>
<td colspan="2">
<a href="index.html">
<img src="images/a_home.jpg" width="246" height="67" alt="" position="relative"></td>
<td><a href="gallery.php"><img src="images/a_gallery.jpg" width="213" height="67" alt="" position="relative"></a></td>
<td colspan="2">
<a href="about.html">
<img src="images/a_about.jpg" width="192" height="67" alt="" position="relative"></td>
<td>
<a href="contact.html">
<img src="images/a_contact.jpg" width="309" height="67" alt="" position="relative"></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="69" height="1" alt="" position="relative"></td>
<td>
<img src="images/spacer.gif" width="177" height="1" alt="" position="relative"></td>
<td>
<img src="images/spacer.gif" width="213" height="1" alt="" position="relative"></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt="" position="relative"></td>
<td>
<img src="images/spacer.gif" width="108" height="1" alt="" position="relative"></td>
<td>
<img src="images/spacer.gif" width="309" height="1" alt="" position="relative"></td>
</tr>
</table>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Aug 11 2012, 05:02 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 4,446
Joined: 23-August 06
From: Europe
Member No.: 9



You can't if you use inline img tags, like you did. Or you'd have to position things on top, making it even more complicated.

If you use CSS background-images, then you will have no problem to add text on top of them.


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 11 2012, 06:28 AM
Post #3


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,567
Joined: 9-August 06
Member No.: 6



Why are all the images positioned relative, even the spacers? Is there a reason?


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th October 2014 - 07:19 PM