Extending Height of Tables + adding Animated buttons?

Willz

Willz

MiCrO$oFt $uK$ :D
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.
 
You must log in or register to reply here.
Back
Top