Link to home
Start Free TrialLog in
Avatar of libertyforall2
libertyforall2Flag for United States of America

asked on

Adding tables, banners, and images within webpages using html

I have been tasked with setting up a web page. I have a basic template here http://www.soest.hawaii.edu/MET/Faculty/businger/projects/GOES-R/template.html and I am trying to do a few things.

1. The first thing is to create a second vertical banner (black) on the left side of the page with clickable links (with white text).

2. I want to extend the top banner to the full horizontal extent of the web page. I can manually change the size in width for one of the images on the top banner but is there a way to have a command that simply does a maximum extent instead of a manual number?

3. I want to add a table within the body of the web page. The table will have have clickable images in two columns with text above each image describing. There will be at least two rows of images but I will likely need to add more.

<head>
    <title> UH Manoa and Tropical Pacific Testbed GOES-R Proving Ground </title>
    
    <style type="text/css">
    a { text-decoration:none }
    </style> 
    <deleted>
    </head>

    <table><tr><td ><p>

<a name="top"></a>
<table border="0" cellpadding="0" cellspacing="0"
bgcolor="#000000" summary="top of the page">
<tr>
<td bgcolor="#000000"><img src=
"/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai.banner.top.jpg" alt=
"Department of Meteorology: Aloha!" width="289" height="99" border=
"0" align="top"></td>
<td rowspan="2"><img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/banner.logo2.jpg"
alt="Meteorology Logo" width="139" height="139" border="0" align=
"top"></td>
<td width="100%" rowspan="2"><img src=
"/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/banner.green_gradient.jpg" alt="gradient"
width="139" height="139" hspace="0" vspace="0" border="0" align=
"left"></td>
</tr>
<tr>
<td height="20" bgcolor="#000000">

<table border="0" cellpadding="0" cellspacing="0" width="289"
summary="Home-People">
<tr bgcolor="#000000">
<td><a href="http://www.soest.hawaii.edu/MET/index.html" target="_top" 
 >
<img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai_home_off.jpg" alt=
"Meteorology_Home" name="Meteorology_Home" width="39" height="20"
border="0" id="Meteorology_Home"></a></td>
<td><a href="http://weather.hawaii.edu"  target="_top"  >
<img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai_weather_off.jpg" alt=
"Weather_Server" name="Weather_Server" width="101" height="20"
border="0" id="Weather_Server"></a></td>

<td><a href="http://www.soest.hawaii.edu/MET/meteorology_news.html" target="_top" 
 >
<img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai_news_off.jpg" alt=
"News/Seminars" name="News_Seminars" width="100" height="20"
border="0" id="News_Seminars"></a><br></td>
<td><a href="http://www.soest.hawaii.edu/MET/met_faculty.htm" target="_top" 
 >
<img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai_people_off.jpg" alt="People"
name="People" width="49" height="20" border="0" id=
"People"></a></td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="289"
summary="Research-Contact us">
<tr>
<td><a href="http://www.soest.hawaii.edu/MET/met_research.htm" target="_top" 
 >
<img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai_research_off.jpg" alt=
"Research" name="Research" width="66" height="20" border="0" id=
"Research"></a><br></td>
<td><a href=
"http://www.hawaii.edu/graduatestudies/fields/html/departments/mno/meteorology/meteorology.htm" target="_top" 
 >
<img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai_academics_off.jpg" alt=
"Academics" name="Academics" width="70" height="20" border="0" id=
"Academics"></a></td>
<td><a href=
"http://www.hawaii.edu/graduatestudies/fields/html/departments/mno/meteorology/meteorology.htm" target="_top" 
 >
<img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai_application_off.jpg" alt=
"Application" name="Application" width="79" height="20" border="0"
id="Application"></a></td>
<td><a href="http://www.soest.hawaii.edu/MET/index.php#contact.htm" target="_top" 
 >
<img src="/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/lumahai_contact_off.jpg" alt=
"Contact_Us" name="Contact_Us" width="74" height="20" border="0"
id="Contact_Us"></a></td>

</tr>
</table>

</td>
</tr>

<tr bgcolor="#FFFFFF">
<td colspan="3">
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" summary="corner image">
<tr>
<td>
<IMG SRC=/MET/Faculty/businger/projects/pacnet/assets/images/uhmet/blackcurve2.gif alt="corner" ALIGN=TOP>
</TD>
</tr>
</table>
</td></tr>

</table>

</span></td></tr>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of libertyforall2

ASKER

Not very useful.
There is an old saying in development: "garbage in; garbage out".

If you are not willing to make an attempt at learning, then you are wasting our time and yours.

Cd&