Hi, doing some work for college here, my teacher seems to hardly know anything about HTML, anyway I decided to improve my so far crappy web page for the project, but my teacher is useless so I thought I would give here a Try. What I want to do is make the table with the image taller, but I want to 2 links I have so far to still be close to each other, at the moment it seems like they are very far apart. Also how do I add Animated buttons? Also when I increase the height of the table, the centered image in the middle move down too and I dont want this to happen. Also the image doesent fully show, only part of it does, so I need to make it fit the table. Code I got so far: Code: <HTML> <HEAD> <TITLE> Home </TITLE> </HEAD> <BODY BGCOLOR = Green> <P><center><U><B><font size="8">THIS IS MY PAGE</font></B></U></center></P> <p> <marquee><font size=10><font face="Arial"><font color="blue">Hello, this is my website :D</font></font></font></marquee> <p> <table BORDER=0 WIDTH=25% height="35%" ELEMENT BACKGROUND =milhouse07.gif table> <tr> <td WIDTH=25%><center>Navigation</center></td> <tr> <td WIDTH=25%><a href= About_The_Simpsons.html> <b><font Face="Arial"> <Font color="Black">About The Simpsons</font></b> </a href></td>. <tr> <td WIDTH=25%><a href= More_About_The_SImpsons.html><font Face="Arial"> <Font color="Black"><b>Even More About The Simpsons</b></font> </a href> </td> <tr> </table> <p> <center>This is a website about the simpsons</center> <p> <center> <img src="jeff.bartbike.gif"Border=3 Alt="bart with sunglasses" > </center> </BODY> </HTML>
For the navigation bit you could do something like this: (take note of the highlights) Code: <tr> <td WIDTH=25%>[COLOR="Red"] <div>[/COLOR]<a href=[COLOR="Red"]"[/COLOR]About_The_Simpsons.html[COLOR="Red"]"[/COLOR]>[COLOR="Red"]<font Face="Arial" color="Black" size="2">[/COLOR]<b>About The Simpsons</b></font> </a>[COLOR="Red"]</div>[/COLOR] [COLOR="Red"]<div>[/COLOR]<a href=[COLOR="Red"]"[/COLOR]More_About_The_SImpsons.html[COLOR="Red"]"[/COLOR]>[COLOR="Red"]<font Face="Arial" color="Black" size="2">[/COLOR]<b>Even More About The Simpsons</b></font> </a>[COLOR="Red"]</div>[/COLOR] </td> [COLOR="Red"]</tr>[/COLOR] Inserting animated images is basically the same as inserting an ordinary static image. Code: <img src="animated.gif"> Regarding the increasing of the table height, I dont get that bit sorry.