• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 616
  • Last Modified:

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.

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

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

<a name="top"></a>
<table border="0" cellpadding="0" cellspacing="0"
bgcolor="#000000" summary="top of the page">
<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=
<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=
<td height="20" bgcolor="#000000">

<table border="0" cellpadding="0" cellspacing="0" width="289"
<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=

<table border="0" cellpadding="0" cellspacing="0" width="289"
summary="Research-Contact us">
<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=
<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=
<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"
<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"



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



Open in new window

  • 2
1 Solution
I suspect that this has been sitting without a response this long because there is nothing to work with.  The code is just scraps that looks like floor sweepings.

If you lack basic skills in HTML and CSS, then it is going to be virtually impossible to help, unless an Expert is willing to just take on the whole project and do the work for you.

You probably need to start by learning some basics.  I recommend http://www.w3schools.com/html/default.asp as a starting point.

libertyforall2Author Commented:
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.


Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now