Level Extreme platform
Subscription
Corporate profile
Products & Services
Support
Legal
Français
Text over an image
Message
From
10/06/2008 14:27:09
 
 
To
10/06/2008 13:16:49
Jay Johengen
Altamahaw-Ossipee, North Carolina, United States
General information
Forum:
Internet
Category:
HTML
Miscellaneous
Thread ID:
01322831
Message ID:
01322878
Views:
20
This message has been marked as a message which has helped to the initial question of the thread.
Hi Jay,

in case of working with background pictures, as Michel told you, there is one little quirk that needs attention. Your cell and your picture have to be identical in height and width. Otherwise it will be repeatedly displayed (have a look at cellspacing and cellpadding also).
<table style="width: 400px; height: 100px" cellspacing="0" cellpadding="0" class="style1">
	<tr>
		<td style="height: 75px"></td>
		<td style="height: 75px"></td>
	</tr>
	<tr>
		<td style="height: 25px"> </td>
		<td style="height: 25px"> </td>
	</tr>
</table>
I assume, that your first attempt, to use a picture with text on it, didn't go well, because you had to resize the picture? If so, just go the same way. Design the picture in exactly the same dimensions as the cell. However, all this will only do, if you define your cell by pixel and not by percentage. Percentage will change the cells dimensions depending on the users screen resolution, and everything that was nicely formatted will vanish in chaos... ;-)


>>>This is very simplified, but how do I put text over the image? If I make the text part of the button it looks like crap because of the resolution, so I want to put a string in the HTML to be placed over the image instead.

>>>
>>>
>>><table class="contentpaneopen">
>>>	<img src="http://www.MySite.com/images/stories/MyCompany/request_info.jpg"
>>></table>
>>>
>>
>>For that, you may use a background image on the cell. So, you are then free to put text on the cell after. I do this trick on the North Eastern Guide at http://www.northeasternguide.com. Whenever a car is sold, I put SOLD on top of the image.
>
>When I use this:
>
>
><tr>
>
><td align="center" valign="center" background="Request_Info.jpg"> <font size="+1">Request Information Now</font></td>
>
></tr>
>
>
>The image appears multiple times across the cell. I tried creating an empty cell on either side of it, but that didn't work well either.
Best Regards
-Tom

Debugging is twice as hard as writing the code in the first place.
Therefore, if you write the code as cleverly as possible, you are,
by definition, not smart enough to debug it.

Oh, and BTW: 010101100100011001010000011110000101001001101111011000110110101101110011
Previous
Reply
Map
View

Click here to load this message in the networking platform