HTML - Simple Align Question

Hi All,

I'm working on http://www.thesuccessleague.com/hbbtsstart.php and I'm trying to get the red text box on the left (with the picture of a woman) at the very top. I'm sure there's a cleaner way to do it (I'm not an expert at div tags yet), so I put the text box in a table and put that table in another table (as you can see in the code).

What code do I have to use to anchor that red text box to the top of that left column?

Do I need to use div tags? And if so, how do I anchor it to the table (and not to specific coordinates measurade against the top and left margins)>

Thanks for your help!

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

simple question!

okay hey guys first time post for me as im banging my head against a wall here.

I'm not at all good at html but im changing something on my WoW guilds website.

now if you visit it you can see the Nav crumb is aligned to the left, i want it to be centered but everything i have tired fails! www.accidentguild.com

heres the code im using at the moment, what would i need to make it center?

Thanks

<tr>
<td >
<table id="crumb">
<tr>
<td id="nav">
<div class="ggcode"><script type="text/javascript" src="http://s.guildomatic.com/22981/host/88/88b299192fa483f4b42058edc1d647ea.js"></script>
<script type="text/javascript" src="http://s.guildomatic.com/22981/host/18/1831d0c13f7156a9c39a2f94e27be272.js"></script>
<script type="text/javascript" src="http://s.guildomatic.com/22981/host/e6/e60aa8cc24e81fd6f31115aa0dc7ae14.js"></script>
<link rel="stylesheet" href="http://s.guildomatic.com/22981/host/48/48d569538603645583d72a456faa23ed.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://s.guildomatic.com/22981/host/ad/adf16ddabb8cdc74eedfbeef8ba76566.css" type="text/css" media="screen">

<div id="menu">

<li><a href="/">home</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/forums">forum</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/members?sort=rank">Roster</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/news">news</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/raid_calendar">calendar</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/dkp">dkp</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/raids">Raids</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/items">items</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/guild_application">Applications</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/http://www.accidentguild.com/page/show/18816">Profiles</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>


</div></div>
</td>

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

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

I feel really dumb asking so elementary a question, but ya' gotta start somewhere. I'm trying to format a blog site for my coworkers. It's been a few years since I have done any web work. Anyway, I wrote up a very simple little HTML doc, but when I open it in my browsers, I just see code. The code is below.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>BSGoad's Blog</title></head>
<h2>Thoughts on the Day</h2>
<body>
<p align="center">Walking down the street today I met a man selling the <i>Spare Change</i> newspaper. I gave him a couple of bucks for a paper and, unprompted, he proceeded to tell me all that had happened with him in the past week. He had spent some time in New York with an old friend (maybe a relative, I'm not entirely sure), and had just returned to Boston. I was struck the immediacy of his comfort with me. He had nothing to hide. He had nothing of which to be ashamed. He just wanted someone with whom to share, who would listen.
<br>
Unfortunately, I was on the phone with my mom. I was hardly attentive. Not impolite, just distracted. Later I felt bad. I could have called mom back. I could talk with her anytime. instead I turned my ear back to my phone and bade the man a good day. I was reminded today of the prayer of St. Ignatius in dedication of the day:</p>
<blockquote align="center">
Father, I dedicate this new day to you;<br>
as I go about my work.<br>
I ask you to bless those with whom I come in contact.<br>
<p>
Lord, I pray for all men and women<br>
who work to earn their living;<br>
give them satisfaction in what they do.<br>
<p>
Spirit of God,<br>
comfort the unemployed and their families;<br>
they are your children and my brothers and sisters.<br>
I ask you to help them find work soon.<br>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- St. Ignatius Loyola
</blockquote>
</body>
</html>

There ya' go. What'm I doing wrong?

Brandon

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?

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.

Very simple question here. I'm pretty inexperienced with html, past the basics.

I have copied the source code of a webpage into a text file and alltered it. I would like to open the file in Firefox and view this as it would appear as a web page. How would this be done? I have tried opening it as an html file, but the text only appears as the source code.

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?

goodness, been a couple months since ive done html, but im back and I got a question...

So how do you put text in an image because I have a background color, and I have an image that's a different color, but I want to put text in the image, so how do i do that???

Thx

Hi, I'll go straight to the point. my problem is that I need a text box to have a scroll bar and a fixed size, preferably in a "div" layer.

On a more complicated note, I would really like my website not to refresh itself when you click on a menu button. The changing information should be all in the same layer.

And, last but not least, and even more complicated, Is there any methods to keep the website updating from being super complicated, as in "I write stuff in any program or text box, and this text goes in that box", Blog or loggin style.

Help is greatly appreciated.

Thanks.

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

Experimenting as a newbie, I put the code below together. The images are in a folder named images. The first image "home" comes up OK and rolls over to home_on.gif OK as well. But the second images do not come up and their location is just a small blank square. Help would be appreciated.

<HTML>
<HEAD>
<TITLE>Image Rollovers</TITLE>
</HEAD>
<BODY>
<A HREF="index.html"
onMouseOver="document.images['home'].src='images/home_on.gif'"
onMouseOut="document.images['home'].src='images/home.gif'"
<IMG SRC="images/home.gif" BORDER="0" NAME="home"></A>

<A HREF="index.html"
onMouseOver="document.images['link'].src='images/link_on.gif'"
onMouseOut="document.images['link'].src='images/link.gif'">
<IMG SRC="images/link.gif" BORDER="0" NAME="link">
</A>

</BODY>
</HTML>