HTML - A Simple Question About Backgrounds

First is i'm new at this, not doing this for fun am a college student studying computer
and this is my project (to make a site) i know its bad to rely on someone but I've given up, i tried almost everything the professor thought me.

So here's my question
I have table of thumbnail images and i want to put a message (using font) on the left side of the thumbnail image table i want it aligned but the message is pushing the table down i want them to be aligned

Tried using <left></left> on the message and <right></right> on the thumbnail

Here's my page
http://img825.imageshack.us/img825/4396/54815352.jpg
Here's my code
Quote:
<center>
<font color="EEEEEE" size="6" face="Tempus Sans ITC">Mythological Gods and Goddesses</font>
</center>

<font>
The Olympian gods were the main deities in Ancient Greece. After overthrowing their ancestors, the </br>
Titans, the Olympian gods became the rulers of the Cosmos representing the civilization of the </br>
world.The Olympian gods were majestically and democratically dwelling on Mount Olympus, the </br>
highest mountain in Greece, built by the Cyclops.The leader of the Olympian gods was Zeus.</br></br>
<br>
</br>
All Olympian gods were associated with birth myths but themselves were unaging. They lived inside </br>
human-like bodies with an ethereal fluid called ichor running in the veins. They had passions </br>
and human weaknesses and were many times at fault, but were then obliged to take </br>
the full responsibility of their actions.</font>





<table border="1" align="right">
<tr>
<td><a href="Zeus.png" target="_blank"><img src="Zeus.png" width="100" height="150" alt="Picture of Zeus King of the Gods, God of the Sky, Lightning and Thunder" align="bottom"/></td>
<td><a href="Aphrodite.png" target="_blank"><img src="Aphrodite.png" width="100" height="150" alt="Picture of Aphrodite Goddess of Love and Beauty align="bottom"/></td>
<td><a href="Hades.png" target="_blank"><img src="Hades.png" width="100" height="150" alt="Picture of Hades King of the Underworld God of the Dead" align="bottom"/></td>
<td><a href="Hephaestus.png" target="_blank"><img src="Hephaestus.png" width="100" height="150" alt="Picture of Hephaestus God of Blacksmiths, Artisans and Volcanoes" align="bottom"/></td>
<td><a href="Poseidon.png" target="_blank"><img src="Poseidon.png" width="100" height="150" alt="Picture of Poseidon God of the Sea, Storms and Earthquakes" align="bottom"/></td>
</tr>
</table>

<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>

<table border="1" align="right">
<tr>
<td><a href="Anubis.png" target="_blank"><img src="Anubis.png" width="100" height="150" alt="Picture of Anubis God of Cemeteries and Embalming " align="bottom"/></td>
<td><a href="Osiris.png" target="_blank"><img src="Osiris.png" width="100" height="150" alt="Picture of Osiris God of the Afterlife, the Underworld and the dead." align="bottom"/></td>
<td><a href="Isis.png" target="_blank"><img src="Isis.png" width="100" height="150" alt="Picture of Isis Goddess of Motherhood and Fertility" align="bottom"/></td>
<td><a href="Ra.png" target="_blank"><img src="Ra.png" width="100" height="150" alt="Picture of Ra God of the Sun" align="bottom"/></td>
<td><a href="Hathor.png" target="_blank"><img src="Hathor.png" width="100" height="150" alt="Picture of Hathor Goddess of the Sky, Love and Beauty" align="bottom"/></td>
</tr>
</table>

<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>

<table border="1" align="right">
<tr>
<td><a href="Thor.png" target="_blank"><img src="Thor.png" width="100" height="150" alt="Picture of Thor God of Thunder" align="bottom"/></td>
<td><a href="Odin.png" target="_blank"><img src="Odin.png" width="100" height="150" alt="Picture of Odin God of Batlle, Wisdom and Poetry" align="bottom"/></td>
<td><a href="Loki.png" target="_blank"><img src="Loki.png" width="100" height="150" alt="Picture of Loki God of Mischief and Trickery" align="bottom"/></td>
<td><a href="Freya.png" target="_blank"><img src="Freya.png" width="100" height="150" alt="Picture of Freya Goddess of Freya Goddess of Love, Beauty, and War" align="bottom"/></td>
<td><a href="Skadi.png" target="_blank"><img src="Skadi.png" width="100" height="150" alt="Picture of Skadi Goddess of Hunt and Winter" align="bottom"/></td>
</tr>
</table>
Thanks to the next guy who would help me.. i'll appreciate any help

How can I create an HTML file on like a word processor, and then save it as a file and upload it to a hosting site?

I am trying to get the copyright symbol into my web pages.
It works fine in the HTML program but in firefox it becomes a '?' and in ie it becomes a square.

The method I tried was using '&copy'.
Can anyone help me out?

Hi, When writing something on the internet, say a paragraph that has a URL in the middle of the paragraph, can the URL be hidden until someone clicks on it? How does one do that. Simple html, no java please. Thanks.

I have been learning HTML and other web languages for a couple weeks now and one thing is bothering me. I noticed that sometimes when I am reading tutorials and such they put in a /> instead of just a > . So my question is why do I need a / in front of a > sometimes and sometimes I just put a >. I hope my question is clear

For a bold font - I switched from <b> to <strong> - is this the correct way?

Hello, im working on a small website project for me and my coworkers, none of us are very good with HTML and i'm trying to figure out something that I am sure is probably a simple thing to people that know this stuff. I have two forms, "box1" and "box 2", and I want both of the inputs to save to a text file when the person entering hits "submit". I'd also like the "submit" button to redirect to another page following the saving of the inputs to the text file... i'd apprecate any help you can give me Ive been searching google for a while but its just confusing me.

Hi.

In a table data I have four lines of text each line separated by a <br>
The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html?

text line 1
|
(this space)
|
text line 2

Regards

Hi.
In a table data I have four lines of text each line separated by a <br>
The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html?
text line 1
|
(this space)
|
text line 2

Ok so this is simple and i want to know if anyone could do it or can show me how...

So this is what we are working with. http://thequestways.com/blog.htm


Thats plain but I want to know if i can make some changes.



I want a fixed navbar, and the iframe the main scroll.

These page is set up with tables if that helps.

Anything would help, links, tips, ANYTHING.

How do I make this simple HTML/CSS page look the way I want? If you render this code in a browser, you will see what I'm trying to do.

Thanks!

Code:

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

<html>
	<head>
		<title>Vertical Sizing Test Page</title>
	</head>

	<body style="margin: 0; background-color: #FFF; font-family: Verdana; font-size: 10pt;">
		<div style="background-color: #FED; padding: 10px; height: 25px;">
			Top Banner. I want this to be sized in pixels to accommodate raster backgrounds.
		</div>

		<div style="background-color: #DEF; padding: 10px; margin: 10px; border: 1px dotted black;">
			<h2>Main Content Area</h2>
			
			I want this to vertically fill the remainder of the page.<br/>
			<br/>
			There should not be any unused space below the bottom banner.<br/>
			<br/>
			If there is a lot of dynamic content in this section, the user will need to scroll. However, if there
			isn't a lot of content, the user shouldn't have to scroll.<br/>
			<br/>
			This should also be vertically centered.
		</div>
		
		<div style="background-color: #FED; padding: 10px; height: 25px;">
			Bottom Banner. I want this to be sized in pixels to accommodate raster backgrounds.
		</div>
	</body>
</html>

I've decided to make a personal photography portfolio on my computer, and have thought that the best way to do this would be HTML.

My problem:


See the above image? The items in red circles are just copied and pasted from the original in the top-left. What I want to know is how do I actually get them there in HTML? I think it's something to do with tables, but as I'm practically brand new to HTML I'm not sure.

I have a ZIP file below with all the necessary files, just unzip the online folder and edit the 'index.htm' file if you want to do it all yourself for me. Otherwise, you can use it to have a look at the coding I've used (partly taken from a free HTML template website, I admit ). Thanks very much in advance for help.

I have never designed a form before, I need help with how to get whatever the user submits to display. I want the text that is typed in the "comment box" to be sent to the current page. In other words I want it to work like ebay or amazon where other people can read feedback and comments from others. This is the code I have so far.

<html>
<body>
<form>
First Name:
<input type ="text" name="firstname"/>
<br/>
Last Name:
<input type ="text" name="lastname"/>
<br/>
<br/>
Comments orSuggestions:
<br/>
<textarea rows="10" cols="50">
</textarea>
</form>
</body>
</html>

Hi.

In a table data I have four lines of text each line separated by a <br>
The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html?

text line 1
|
(this space)
|
text line 2

Regards

I am trying to set up a mock business page, with an entrance page.

http://www.freewebs.com/livingdaylig...p/entrance.htm

The image on this page should be fully aligned to the right, without any space between it and the scrollbar, but I can't figure out how to do that.
I works fine on firefox, but not on IE.
I've tried setting the position to left:-1 and that works for IE, but stretches the page on Firefox, as well as setting the body & div margins to 0 which does nothing.

Here's my coding:

Code:

<style>
body{scrollbar-face-color : #000000; 
scrollbar-highlight-color : #000000; 
scrollbar-3dlight-color : #000000; 
scrollbar-shadow-color : #000000; 
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000; 
scrollbar-arrow-color : #000000}
</style>



<div style="position:absolute;right:0;top:0"><a href="http://www.freewebs.com/livingdaylights/mockup/home.htm"><img src="http://i464.photobucket.com/albums/rr6/daylightsavings/AEONSECONDenter.jpg" border=0></a><div>

Does anyone have any suggestions? I'm used to aligning to the left and never had this problem before. Thank you!