Extending Height of Tables + adding Animated buttons?

Willz · 27-02-2007, 01:09 PM

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>

thoonie · 02-03-2007, 01:25 AM

For the navigation bit you could do something like this: (take note of the highlights)

Code:

<tr>
   <td WIDTH=25%>
        <div><a href="About_The_Simpsons.html"><font Face="Arial" color="Black" size="2"><b>About The Simpsons</b></font> </a></div>
	<div><a href="More_About_The_SImpsons.html"><font Face="Arial" color="Black" size="2"><b>Even More About The Simpsons</b></font> </a></div>
   </td>
</tr>

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.

27-02-2007, 01:09 PM	#1 (permalink) Top
Willz MiCrO$oFt $uK$ :D Join Date: Jun 2005 Age: 19 Male Posts: 4,234 Times Helpful: 150 My Mood: Lurking Status: Offline My Computer	Extending Height of Tables + adding Animated buttons? 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> __________________ Last edited by Willz; 27-02-2007 at 01:14 PM.

02-03-2007, 01:25 AM	#2 (permalink) Top
thoonie hmmm.... Join Date: Apr 2006 Age: 29 Male Posts: 263 Times Helpful: 38 My Mood: Stressed Status: Offline My Computer	For the navigation bit you could do something like this: (take note of the highlights) Code: <tr> <td WIDTH=25%> <div><a href="About_The_Simpsons.html"><font Face="Arial" color="Black" size="2"><b>About The Simpsons</b></font> </a></div> <div><a href="More_About_The_SImpsons.html"><font Face="Arial" color="Black" size="2"><b>Even More About The Simpsons</b></font> </a></div> </td> </tr> 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. __________________ Last edited by thoonie; 02-03-2007 at 01:31 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
buttons	gardengirl	Web Development	2	01-02-2007 06:32 PM
Extending wireless internet	blade	Networking and Computer Security	3	19-08-2006 11:55 PM
Affiliates Buttons	Waffle	Graphics Design	16	09-04-2005 05:57 PM
Using Tables to spread content across page...	Waffle	Web Development	7	15-01-2005 06:06 PM
Ooo! Nice buttons!	Big B	Suggestions and Feedback	3	09-05-2002 09:34 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)