Adding tables, banners, and images within webpages using html

Posted on 2012-09-10
Last Modified: 2013-12-25
I have been tasked with setting up a web page. I have a basic template here 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/" 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="" 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=""  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="" 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="" 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="" 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=
"" 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=
"" 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="" 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

Question by:libertyforall2
    LVL 53

    Accepted 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 as a starting point.


    Author Closing Comment

    Not very useful.
    LVL 53

    Expert Comment

    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

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Suggested Solutions

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
    In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at Browse or search based on font properties or name to find a suitable font for…
    The viewer will learn how to dynamically set the form action using jQuery.

    733 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now