HTML Index page help

radikal_dj · 13 Oct 2006 at 09:26

Newbie request,

How would I create a HTML Page with one colour in the background and a logo in the centre that acts as a link?

Much appreciated for any help.

edwardcasbon1 · 13 Oct 2006 at 10:04

something along the lines of:

<html>
<head>
<title>Title goes here</title>
</head>
<body bgcolor="colour here">
<centre><a href="link here"><img src="image.jpg"/></a></centre>
</body>
</html>

Learn HTML, its not hard.

Hope that helps

radikal_dj · 13 Oct 2006 at 10:58

Thanks mate,

Small problem....Here's my code:

<html>
<head>
<title>Lexicon Homes</title>
</head>
<body bgcolor="F0E2C9">
<centre><a href="http://www.lexicon.moonfruit.com"><img src="http://img135.imageshack.us/img135/4002/lexiconlogotj1.gif" border="0" alt="Image Hosted by ImageShack.us" /></a></centre>
</body>
</html>

I've saved it as a HTML file but when I launch it...the logo is not centred?

Can you have a look at let me know what I've done wrong?

robc123 · 13 Oct 2006 at 11:03

its <center> the way the americans spell it

radikal_dj · 13 Oct 2006 at 11:05

Ok great,

<html>
<head>
<title>Lexicon Homes</title>
</head>
<body bgcolor="F0E2C9">
<center><a href="http://www.lexicon.moonfruit.com"><img src="http://img135.imageshack.us/img135/4002/lexiconlogotj1.gif" border="0" alt="Image Hosted by ImageShack.us" /></a></center>
</body>
</html>

However...............Now the image is centered, but, at the top of the page??

zetec452 · 13 Oct 2006 at 11:09

pop a few in above center.

www.w3schools.com is a good place to start learning html

jon86 · 13 Oct 2006 at 11:11

EDIT: Too slow.

radikal_dj · 13 Oct 2006 at 11:13

<html>
<head>
<title>Lexicon Homes</title>
</head>
<body bgcolor="F0E2C9">

<center><a href="http://www.lexicon.moonfruit.com"><img src="http://img135.imageshack.us/img135/4002/lexiconlogotj1.gif" border="0" alt="Image Hosted by ImageShack.us" /></a></center>
</body>
</html>

Like that?

jon86 · 13 Oct 2006 at 11:15

  = line break, i.e. go to the next line.

EDIT...

There will be a two line gap at the top of the document.

<html>
<head>
<title>Lexicon Homes</title>
</head>
<body bgcolor="F0E2C9">
 
<center>
<a href="http://www.lexicon.moonfruit.com"><img src="http://img135.imageshack.us/img135/4002/lexiconlogotj1.gif" border="0" alt="Image Hosted by ImageShack.us" /></a>
</center>
</body>
</html>

radikal_dj · 13 Oct 2006 at 11:17

Sorry........I am not getting it?

toString · 13 Oct 2006 at 11:36

<html>
<head>
<title>Lexicon Homes</title>
</head>
<body bgcolor="F0E2C9">
 
<center>
<a href="http://www.lexicon.moonfruit.com"><img src="http://img135.imageshack.us/img135/4002/lexiconlogotj1.gif" border="0" alt="Image Hosted by ImageShack.us" /></a>
</center>
</body>
</html>

Messy but quick way is to keep adding those tags

radikal_dj · 13 Oct 2006 at 12:12

Cool. Thanks a lot!