Extending Height of Tables + adding Animated buttons?

Discussion in 'Web Design & Programming' started by Willz, Feb 27, 2007.

  1. Willz

    Willz MiCrO$oFt $uK$ :D

    Likes Received:
    36
    Trophy Points:
    48
    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> 
     
  2. thoonie

    thoonie hmmm....

    Likes Received:
    0
    Trophy Points:
    16
    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.
     

Share This Page