Ok I'm trying doing this again but it does not work

LilyBear · #1 01-02-2010, 01:22 AM

Ok I have been at this for a while. I know iGeek tried to help me some a while a very long while back. But here I'm again trying this out once more. So I changed the site theme now it'sall about Emily Osment. But since I'm trying to learn HTML so I can really make it my own well I did was told on the main site. I've tried to see a preview of the end product and I can only see the coding and nothing else. I used Notepad once more. I still don't know how to add images. And yes I'm starting to learn all of this. Is just hard to do all by myself with ought having a teacher to teach me.

Well here's what I've got so far.

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<title>Emily Osment Support</title>

<style type="text/css">

body {background:#000000}
h2, p {font-family: Verdana;color: #FFCC33;}
.center{text-align: center;#content}
{width: 500px;margin: 0px auto;}

</style>

</head>

<body>

<h2 class="center">Emily Osment Support</h2>

<div id="content"><p> A little bit of history here.This site was dadicated to all the actors and actresses I like. Before that I used to have a Sophia Bush Fansite from 2006-2008, odly enough I deleted it because I could not pay for it and... well... now I eneded up paying for this one. Because of me paying for the site and making it a Premium Site, I decided to just dedicate all my time in finding news, videos, interviews and much more on the lovely Emily Jordan Osment, best known as Emily Osment star of the hit Disney show Hanna Montana as Lilly Truscott. Don't worry I intend to keep this one up for a very, very long time. So this is essentially a Fansite made by a Fan. I'm not in any way afilliated, know in person or ralatives, personel ect. of Emily Osment. So please don't send massges or e-mails requesting personal info on her or her personal contact. I have provided links to the various site's she has were she writes to her fans, and keeps everyone up with her life. That is not to say she will necesaray respond to you. This site is just for fun and so you all can know more on this lovely actress/singer/songwriter/soccer player (Yes she plays soccer). Perhaps not profecionally though, but, she has been playing soccer since she was six! With her family of course and she did all her stunts in so many films, like Spy Kids 2 and Soccer Mom. You should all see some of her previous works.Please leave a comment before you leave. Also Subscribe To The Site So You Know What Is Happening.Thanks! <br /><br />Sincerely,<br />Emily Osment Support</p></div>

</body>
</html>

pretender · #2 01-02-2010, 01:46 AM

Code:

I've tried to see a preview of the end product and I can only see the coding and nothing else

Did you save the page as a text file or html you might want to check and make sure it's saved as a html file. Example: pagename.html

Chris · #3 01-02-2010, 01:16 PM

Add this to the very top of your code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

You add images by adding the following code:

Code:

<img src="http://www.domain.com/image.jpg" alt="Image Description" />

Change the parts in red to the URL of the image, and the image description respectively.

LilyBear · #4 01-02-2010, 04:26 PM

Quote:

Originally Posted by pretender

Code:

I've tried to see a preview of the end product and I can only see the coding and nothing else

Did you save the page as a text file or html you might want to check and make sure it's saved as a html file. Example: pagename.html

I did it and now I was able to see it thanks now I can actually start creating it I hope it looks just like I wanted it to look. Now how do I add images and graphics I know how to do graphics but, I how do I do that correctly so I can add it from my computer. Also how do I link a new page to another. At least I'm going to start the Emily Info Page now but I'm still not sure how to link one to the next, and how to do buttons I read that on the site but I don't get it.

Chris · #5 01-02-2010, 06:10 PM

You'll need to upload the images to your host, and then link to them (or upload them to an image website such as Photobucket).

Then use the code I gave you above.

To make a link to another page, use the following code:

Code:

<a href="PageToLinkTo.html" title="Link Title">Click here</a>

Change the parts in red.

LilyBear · #6 01-03-2010, 12:51 AM

Ok I did what you said about the picture but it does not center the image at the top of the page. It also has an x box at the bottom right corner. Help I also am wondering how do I do a nav bar or can I just put the links to pages on the top don't know which way is best. So at least I know I have two pages done well one concidering that I'm not so much done with the Homepage. I want to add a Subscribe To The Site Form, Comment Box, and a Sidebar this is all in the first page.

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<title>Emily Osment Support</title>

<style type="text/css">

body {background:#000000}
h2, p {font-family: Verdana;color: #FFCC33;}
.center{text-align: center;#content}
{width: 500px;margin: 0px auto;}

</style>

</head>

<body>

<img src="<a> href="http://s77.photobucket.com/albums/j54/Sophi20_2006/?action=view&current=Emily1stGraphic.jpg" target="_blank"><img src="http://i77.photobucket.com/albums/j54/Sophi20_2006/Emily1stGraphic.jpg" border="0" alt="Emily Osment,HML Graphic"></a>

<h2 class="center">Emily Osment Support</h2>

<div id="content"><p> A little bit of history here.This site was dadicated to all the actors and actresses I like. Before that I used to have a Sophia Bush Fansite from 2006-2008, odly enough I deleted it because I could not pay for it and... well... now I eneded up paying for this one.<br/><br/> Because of me paying for the site and making it a Premium Site, I decided to just dedicate all my time in finding news, videos, interviews and much more on the lovely Emily Jordan Osment, best known as Emily Osment star of the hit Disney show Hanna Montana as Lilly Truscott.<br/> <br/>Don't worry I intend to keep this one up for a very, very long time. So this is essentially a Fansite made by a Fan. I'm not in any way afilliated, know in person or ralatives, personel ect. of Emily Osment. So please don't send massges or e-mails requesting personal info on her or her personal contact.<br/><br/> I have provided links to the various site's she has were she writes to her fans, and keeps everyone up with her life.<br/> That is not to say she will necesaray respond to you.<br/><br/> This site is just for fun and so you all can know more on this lovely actress/singer/songwriter/soccer player (Yes she plays soccer). Perhaps not profecionally though, but, she has been playing soccer since she was six! With her family of course and she did all her stunts in so many films, like Spy Kids 2 and Soccer Mom.<br/><br/> You should all see some of her previous works.Please leave a comment before you leave. Also Subscribe To The Site So You Know What Is Happening.<br/><br/>Thanks! <br /><br />Sincerely,<br /><br/>Emily Osment Support</p></div>

</body>
</html>

Chris · #7 01-03-2010, 01:20 PM

Did you read this page for images?

http://lissaexplains.com/html3.shtml

LilyBear · #8 01-03-2010, 04:41 PM

Now I did I was doing it all from the first page I guess but, I still see the little x box at the buttom left corner. Is not that the image does not show up is just it does not take way that Little X Box.

<div align="center"><img src="<a> href="http://s77.photobucket.com/albums/j54/Sophi20_2006/?action=view&current=Emily1stGraphic.jpg" target="_blank"><img src="http://i77.photobucket.com/albums/j54/Sophi20_2006/Emily1stGraphic.jpg" border="0" alt="Emily Osment,HML Graphic"></div>

Now I'm going to try and put the first link to the next page I made.

Thanks!

Chris · #9 01-03-2010, 06:34 PM

Your code is wrong; you didn't copy it correctly. The correct code is:

Code:

<div align="center"><a href="http://s77.photobucket.com/albums/j54/Sophi20_2006/?action=view&current=Emily1stGraphic.jpg" target="_blank"><img src="http://i77.photobucket.com/albums/j54/Sophi20_2006/Emily1stGraphic.jpg" border="0" alt="Emily Osment,HML Graphic"></a></div>

I've made the bits that were wrong, which I have now corrected, red.

bejayel · #10 01-09-2010, 03:31 AM

Quote:

Originally Posted by Chris

Add this to the very top of your code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

You add images by adding the following code:

Code:

<img src="http://www.domain.com/image.jpg" alt="Image Description" />

Change the parts in red to the URL of the image, and the image description respectively.

Why bother with XHTML? Chances are that throwing that tag there, it will still be parsed regularly anyway. Just use HTML4.01 till the html5 specification is finished and supported.

http://friendlybit.com/html/why-xhtml-is-a-bad-idea/

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Why doesnt my form work?	rhino1616	General	0	11-06-2003 10:09 PM
How do web redirect scripts work?	rhino1616	General	2	10-23-2003 03:17 PM
CSS dont work on 2 similar codes.. totally identical....	Louise	CSS	8	10-18-2003 09:10 AM