HTML - Alignment problem

579 512MB

I'm having trouble with a personal web page that I'm designing for work. I'm not well versed in HTML and could use some assistance.

Currently, when I open the browser, the table in the head at the top of the screen doesn't stay flush with the top of the screen. I've tried changing the alignment, but have had no luck.

I'm not using a stylesheet and am wondering if maybe that's the problem.

Also, below the head, I have another table that has links on one side and information on the other. I have a good size gap on the right side of the page that I would like to fill by moving the info side of the table over to the right some and then making the links side of the table a little bigger by moving it to the right.

Here's an idea of what I'm working with:

-----------------------------
| Links | Info | GAP |
-----------------------------

And here's my code:

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
 
<style>

<!--
 
.mouseBeOffMe {

border-top:    5px  solid #d3d3d3; 

border-bottom: 5px  solid #d3d3d3; 

border-left:   5px  solid #d3d3d3;

border-right:  5px  solid #d3d3d3; 

}
 
.mouseBeOnMe {

border-top:    3px  solid #d3d3d3;

border-bottom: 7px  solid #d3d3d3;

border-left:   6px  solid #d3d3d3; 

border-right:  4px  solid #d3d3d3;

}
 
.mouseBeDown {

border-top:    7px  solid #d3d3d3;

border-bottom: 3px  solid #d3d3d3; 

border-left:   4px  solid #d3d3d3; 

border-right:  6px  solid #d3d3d3;

}
 
.mouseBeUp {

border-top:    4px  solid #d3d3d3;

border-bottom: 6px  solid #d3d3d3; 

border-left:   6px  solid #d3d3d3; 

border-right:  4px  solid #d3d3d3;

}
 
//-->

</style>
 
<title><-- FAQs --> Provided by CRS Support</title>
 
<link rel="shortcut icon" href="P:/HTML Docs/favicon.ico"/>

<!-- <table style="margin-left:0px" width="900px" height="150px" border="0" cellpadding="0" cellspacing="0" bgcolor="gray">

<tr><td>
 
<h1 align=center></td></tr></h1> -->

</head>

<a name="top"></a>

<table BORDER="5" cellpadding="0" cellspacing="0" width="100%" bgcolor="#C11B17">

<td width="234" valign="top">

</a>

</td>

<th valign="middle" align="left" class="right">
 
</table>

<body bgcolor="#B7CEEC" text="000000" link="#153e7e" vlink="#1589FF" alink="red" width="900"><b>

<table style="margin-left:1px" width="790px" border="0" cellpadding="0" cellspacing="2">

<tr>

<td width="137" class="content" valign="top"><br />

<a class="left" href="FAQs[real].html" target="_top">

<center>

<img src="home3.jpg" 

width="50" 

height="50" 

border="0" 

alt="home" 

class="mouseBeOffMe" 

onmouseover="this.className='mouseBeOnMe'" 

onmousedown="this.className='mouseBeDown'"

onmouseup="this.className='mouseBeUp'" 

onmouseout="this.className='mouseBeOffMe'"></center></a>
 
<hr style="color:#153e7e" />
 
<a class="left" href="FAQs[real].html" target="_top"></a>
 
<b><a style="color:#C11B17">FAQs</a></b><br />
 
<a class="left" target="_top" style="text-decoration:none" href="FAQs[real].html" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">FAQs HOME</a><br />

<a class="left" target="_top" style="text-decoration:none" href="LAN FAQ Test Page.htm" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">LAN FAQs</a><br />

<a class="left" target="_top" style="text-decoration:none" href="RADplus FAQ Test Page.htm" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">RADplus FAQs</a><br />

<a class="left" target="_top" style="text-decoration:none" href="AccessHR FAQ Test Page.htm" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">AccessHR FAQs</a><br />

<a class="left" target="_top" style="text-decoration:none" href="MS Office FAQ Test Page.htm" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">Microsoft Office FAQs</a><br />

<br />

<b><a style="color:#C11B17">RADplus ScreenShots</b><br />
 
<br />

<b><a style="color:#C11B17">Examples/Quiz</b>

<br />
 
<br />

<b><a style="color:#C11B17">References</b><br />

<br />

<b><a style="color:#C11B17">Selected Reading</b><br />
 
</b></td>

<td valign="top">

<br><br><table align="right" style="border: 1px solid gray" width="650" bgcolor="white" border="0" cellpadding="5" cellspacing="0">

<tr>

<td>
 
<h1 style="color:#C11B17" align="center">Welcome to the Computer Help Center!</h1>

<hr /><br><h3 style="color:#C11B17">Please follow the links on the left-hand side to find the info you need.</h3>
 
<hr />
 
<p class="intro">HTML uses a hyperlink to link to another document on the Web.</p>
 
<hr />
 
<h2 style="color:#C11B17">Examples</h2>
 
<p>

<a target="_blank" href="tryit.asp?filename=tryhtml_links">Create hyperlinks</a><br />

<a style="color:#C11B17">This example demonstrates how to create links in an HTML document.

</a></p>
 
<p><a target="_blank" href="tryit.asp?filename=tryhtml_imglink">An image as a link</a><br />

<a style="color:#C11B17">This example demonstrates how to use an image as a link.

</a></p>
 
<p style="color:#C11B17">(You can find more examples at the bottom of this page)</p>
 
<hr />

<br><p>

<br>
 
</body>

</html>

Feb 7 '08 #1

Subscribe Post Reply

2404

Markus

6,050

Expert 4TB

here's the general markup for a webpage:

Expand|Select|Wrap|Line Numbers

 
<html doctype goes here...>

 <head>

  <title>Title</title>

  <link= ... some links />

  <script ... some script></script>

  <style...>

  </style>

 </head>

<body>

<p>HTML MARKUS GOES HERE</p>

</body>

</html>

In yours, you have markup inside the <head> tags.. this just won't fly with the html gods!

ya dig.

Feb 7 '08 #2

beacon

579

512MB

No, I don't dig. I'm still new to this, so I'm not sure how putting my markup in between p tags will help me with my alignment problem in either case.

Also, by markup, do you mean changing the fonts and things of that nature?

It may look like I know what I'm doing, but I've just been checking out a bunch of tutorials and trying to piece together as much of this as I can. I'm realizing that I should probably use CSS, but I know even less about it than I do HTML or javascript.

Feb 7 '08 #3

Similar topics

struct and union alignment

by: S.Tobias | last post by:

I would like to check if I understand the following excerpt correctly: 6.2.5#26 (Types): All pointers to structure types shall have the same representation and alignment requirements as each...

C / C++

memory alignment

by: sachin_mzn | last post by:

Hi, What is the concept of memory alignment? Is memory alignment differs, If a data type is local to a function or if it is a member of structure or union? How 32 to 64 bit processor afftects the...

C / C++

Problems with "default" alignment beeing different

by: Hendrik Schober | last post by:

Hi, we just run into the problem, that "default" alignment in the project properies dialog seem to be different. We have a project that's a DLL, which is linked with a couple of LIBs. All are...

.NET Framework

HTML Formatting in .NET 2.0

by: Arthur Dent | last post by:

Hello all, ive been programming with ASP.NET since it came out, but am just getting my feet with now with v.2. Ive noticed something strange in the way my HTML tables get rendered with 2. I use...

ASP.NET

alignment/zero length arrays

by: Bill Pursell | last post by:

I have a program that does most of its work traversing a bunch of lists. The lists contain a void *, and I spent some time today replacing the void *'s with a copy of the data at the end of the...

C / C++

malloc() and alignment

by: Yevgen Muntyan | last post by:

Hey, Consider the following code: #include <stdlib.h> #define MAGIC_NUMBER 64 void *my_malloc (size_t n) { char *result = malloc (n + MAGIC_NUMBER);

C / C++

alignment question about pointer conversion

by: haomiao | last post by:

I want to implement a common list that can cantain any type of data, so I declare the list as (briefly) --------------------------------------- struct list { int data_size; int node_num;...

C / C++

Why Alignment Problem has come after Conversion of HTML code to XHTML?Help

by: shalini jain | last post by:

Hi, I am being faced with a strange problem... I wrote a code for displaying pages in HTML and hence was using HTML parser. Now i am using the same code but now parsing using XHTML that is i want...

HTML / CSS

alignment issues

by: Stephen Horne | last post by:

I understand that the next C++ standard will have features to handle the alignment of data types. This is good, but a bit late for me! I've been using some template trickery to handle alignment...

C / C++

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice