Lissa Explains it All:  Web Design Forums  

Go Back   Lissa Explains it All: Web Design Forums > Web Site Help > HTML Help

Notices

Reply
 
Thread Tools Display Modes
  #1  
Old 01-02-2010, 01:22 AM
LilyBear LilyBear is offline
n00bzilla
 
Join Date: Aug 2009
Posts: 12
LilyBear is on a distinguished road
Ok I'm trying doing this again but it does not work

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>
Reply With Quote
Sponsored Links
  #2  
Old 01-02-2010, 01:46 AM
pretender's Avatar
pretender pretender is offline
Java Junkie
 
Join Date: Jun 2005
Location: Vinita,Oklahoma
Posts: 252
pretender is an unknown quantity at this point
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
__________________
It is not just about knowing what to do, but also knowing what not to do.
Reply With Quote
  #3  
Old 01-02-2010, 01:16 PM
Chris's Avatar
Chris Chris is offline
The one.
 
Join Date: Mar 2003
Location: Scotland, UK
Posts: 4,447
Chris is a jewel in the roughChris is a jewel in the roughChris is a jewel in the rough
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.
__________________
by Christopher

Last edited by Chris; 01-02-2010 at 01:19 PM.
Reply With Quote
  #4  
Old 01-02-2010, 04:26 PM
LilyBear LilyBear is offline
n00bzilla
 
Join Date: Aug 2009
Posts: 12
LilyBear is on a distinguished road
Quote:
Originally Posted by pretender View Post
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.

Last edited by LilyBear; 01-02-2010 at 04:31 PM.
Reply With Quote
  #5  
Old 01-02-2010, 06:10 PM
Chris's Avatar
Chris Chris is offline
The one.
 
Join Date: Mar 2003
Location: Scotland, UK
Posts: 4,447
Chris is a jewel in the roughChris is a jewel in the roughChris is a jewel in the rough
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.
__________________
by Christopher
Reply With Quote
  #6  
Old 01-03-2010, 12:51 AM
LilyBear LilyBear is offline
n00bzilla
 
Join Date: Aug 2009
Posts: 12
LilyBear is on a distinguished road
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>
Reply With Quote
  #7  
Old 01-03-2010, 01:20 PM
Chris's Avatar
Chris Chris is offline
The one.
 
Join Date: Mar 2003
Location: Scotland, UK
Posts: 4,447
Chris is a jewel in the roughChris is a jewel in the roughChris is a jewel in the rough
Did you read this page for images?

http://lissaexplains.com/html3.shtml
__________________
by Christopher
Reply With Quote
  #8  
Old 01-03-2010, 04:41 PM
LilyBear LilyBear is offline
n00bzilla
 
Join Date: Aug 2009
Posts: 12
LilyBear is on a distinguished road
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!
Reply With Quote
  #9  
Old 01-03-2010, 06:34 PM
Chris's Avatar
Chris Chris is offline
The one.
 
Join Date: Mar 2003
Location: Scotland, UK
Posts: 4,447
Chris is a jewel in the roughChris is a jewel in the roughChris is a jewel in the rough
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.
__________________
by Christopher
Reply With Quote
  #10  
Old 01-09-2010, 03:31 AM
bejayel's Avatar
bejayel bejayel is offline
eL33T
 
Join Date: Feb 2002
Location: Canada
Posts: 1,591
bejayel is on a distinguished road
Quote:
Originally Posted by Chris View Post
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/
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump

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


All times are GMT. The time now is 02:50 AM.


Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.