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,884
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.
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: 16,344
Joined: 9-August 06
Member No.: 6



Why are all the images positioned relative, even the spacers? Is there a reason?
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: 2nd September 2015 - 03:32 AM