[Bhushan]

hello,

Iam new to web designing. I have just finish learning HTML and CSS. Can some one please tell me how to place text on a image. I tried doing it but Iam not getting it. Image automatically re-size to small according to the text size.

Here have look at it
http://www.pixentral.com/show.php?p...Klsnm9kvoJwgR88

I have written the text in HTML doucment in a table tag [<table>] and in CSS file i have said to put
the background image.

This is the code I wrote in HTML doucment

<table align="right" class="mainmenu">
<tr>
<td>Our Brand &nbsp;&nbsp; | &nbsp;&nbsp;</td>
<td>Media Kits &nbsp;&nbsp; | &nbsp;&nbsp;</td>
<td>Texcapweb &nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;</td>
<td>Subscribe &nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;</td>
<td>Careers &nbsp;&nbsp;&nbsp;</td>
</tr>
</table>

and I have define the class mainmenu in CSS

This is the code I wrote in CSS file

.mainmenu {
background-image: url(image/topbar.jpg);
font-size: 18px;
color: white;
font-weight: bold;

}

u can see that the grey part is not there. but when I re-size the browser window this is how it appears
http://www.pixentral.com/show.php?p...9Myytt5IlN0VjJ3

Can some one help me out in this so that the image is fixed and i can change the text size as I want.

Bhushan

[7am]

You could apply the class to the <tr> tag rather than the table and that should fix your issue.

Ie:

<table align="right">
<tr  class="mainmenu">
<td>Our Brand &nbsp;&nbsp; | &nbsp;&nbsp;</td>
<td>Media Kits &nbsp;&nbsp; | &nbsp;&nbsp;</td>

-Lee

[Suigeneriz]

It`s not hard to read tutorials..