Greeting everyone,

I've come across a problem; and for the life of me I can't get past this little error with tables in HTML. Basically; I have a background that I wish to use behind my links; then position the links so I can have a roll-over image.



This is the background that I wish to use; the following are examples of the images I wish to use inside the picture.





My issue is that I've tried various forms of working this out. Here is an additional obstacle. I have "Cutenews" in the same table; merely to the right. Here is the code:

<td width="14%" height="226"><img src="IMAGE" width="148" height="209"> </td>

<td width="86%" height="80%">


<?PHP
$template = "Default";
include("cutenews/show_news.php");
?>

<?PHP
$number="1";
$static=TRUE;
$start_from=3;
include("Cutenews position");
?></td>

</tr>

</table>

So anyone capable of assisting me with getting the link buttons to be capable of rolling over with that background still behind it; I would be most appreciative. If there is any other information ya'll need; feel free to post and request it.

-Evelath

Here's an idea... don't do it with moldy old tables.. it would actually be easier.

That being said, set your image as a background.

I agree with ladynred. Use CSS, much easier.

CSS
 
#nav {
width: 60px;
height: 226px;
background: #FFFFFF url('IMAGEURLHERE.jpg') no-repeat;
}
 
HTML
 
<div id='nav'>
Place the nav buttons here
</div>

Eveleth I agree with the above that css is the way to go, but I'm guessing you don't really know css or know it well and are thus using tables.

LadynRed is right about how to get this working with tables. You want to set the background image on the table

<table bgimage="IMAGE">

Thank you all for the replies; and yes, I am merely learning everything that has to do with online coding; and of course starting from the bottom. HTML. I'll be figuring out CSS soon enough; but the issue that I had with setting the image as the background image is that the same image would end up in the "Cutenews" area.

I suppose setting it as a different table and aligning it correctly could solve the problem; i'll try it out =]

Thank again for the help.

Let us know how it works and if you need more help.

If you're just beginning to learn may I recommend the tutorials at W3Schools. They're quick to work through and easy to understand and I'm sure if you work through them you'll see your skills improve.

They have tutorials on (x)html, css, javascript, and many other common technologies.