View Full Version : coding stuff....


Mossy
07-20-2005, 09:34 AM
Hi. I know i am a pain as i am very bad at HTML but i am trying. Thankyou to anyone who helps me. I need a very talented coder to make this document so that it has an external style sheet, a SSi document for everything in the left bar and the codes of the main page. Hopeful once i have seen how it should look I will be able to do it myself!!! If the person who does this could kindly post the codes for all three pages, i would be most grateful!!! here is my page at the moment.
<html>
<head>
<title>Em's Zone</title>
<style type="text/css">

A:visited
{ text-decoration: none; color:#050f73; }
A:active
{ text-decoration: none; color:#050f73; }
A:hover
{ text-decoration: none; color:#050f73; }



cursor: default;


h1 {font-family: century gothic;
color: #050f73; }

p {font-family: century gothic;
color: #050f73; }

body
{ background: #c0c5fa;
background-image: http://img146.echo.cx/img146/5042/basic6fz.jpg;
background-repeat: no-repeat;
background-attachment: scroll;

font-family: century gothic;
color: #050f73 ;
font-weight: normal;
font-size: 2 pt;


scrollbar-face-color : #c1c6f9;
scrollbar-track-color : #dfe2fb;


body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}


</style>
</head>

<body background="http://img146.echo.cx/img146/5042/basic6fz.jpg" body bgcolor="#c0c5fa"link="#050f73" vlink="#050f73" alink="#050f73" size="2"font-family: Comic sans MS;>


<body>

<div id="header">

</div>

</div>

<div id="left">
<font face="century gothic" color="#050f73" size="2"><br><br><br>Welcome<br></font>
<hr size="5" width="40%" align="left" noshade color="#050f73">
<font face="century gothic" color="#050f73" size="1">Welcome to Em's Zone<Br> a fansite dedicated to<br> the actress Emma Watson.<br> We post News, the<br> latest photos, videos, and<br> much more. Make sure <br>you visit the Forum<br> and sign the guestbook. <br>Go and have a<br> wander!!!</font><br><br>
<font face="century gothic" color="#050f73" size="2">Navigator<br></font>
<hr size="5" width="40%" align="left" noshade color="#050f73">
<font face="century gothic" color="#050f73" size="2">Em</font><br>

<font face="century gothic" color="#050f73" size="1"><a href="http://emszone.50webs.com/index.html">News</a><br>
<a href="http://s7.invisionfree.com/Em_Watson_Forums/index.php?">Forums</a><br>
<a href="ew.htm">Emma</a><br>
<a href="media.htm">Media</a><br>
<a href="picalbum.htm">Galleries</a><br>
<a href="videos.htm">Videos</a><br>
<a href="www.htm">WWW</a><br>
<a href="hp.htm">Harry Potter</a><br>
<a href="interact.htm">Interact</a><br>
</font><br>
<font face="century gothic" color="#050f73" size="2">Site<br></font>
<hr size="5" width="40%" align="left" noshade color="#050f73">
<font face="century gothic" color="#050f73" size="1">Owner/Webmiss: Lucy<br>
Coworkers: Dakota<br>
Updaters: Dylan<br>
Host: Lucy<br>
Opened: 13th June, 2005<br>
Layout: Blue Dream</font><br><br>

<font face="century gothic" color="#050f73" size="2">Affiliates</font><br>
<hr size="5" width="40%" align="left" noshade color="#050f73">
<a href="http://dominion.magic-host.org/" target="_blank">
<img src="dotsbutton100X35a.gif" width="88" height="31" border="0" alt="DOTS"></a><br>
<a href="http://www.unforgivable-curses.net" target="_blank">
<img src="007.gif" width="88" height="31" border="0" alt="U-C"></a><br>
<a href="http://www.emmawatson.net" target="_blank">
<img src="ewnet2.gif" width="88" height="31" border="0" alt="EW.net"></a><br>
<a href="http://www.emmawatsonsworld.com" target="_blank">
<img src="button.gif" width="88" height="31" border="0" alt="EWW"></a><br>
<a href="http://www.danradcliffe.com" target="_blank">
<img src="dangreenanimbutton.gif" width="88" height="31" border="0" alt="d-r.com"></a><br>
<a href="http://www.misswatson.org" target="_blank">
<img src="button029.gif" width="88" height="31" border="0" alt="mw"></a><br>
<a href="http://www.miss-watson.org/tce/" target="_blank">
<img src="button88_3.jpg" width="88" height="31" border="0" alt="THE"></a><br>

</div>


<div id="center">
All the stuff that goes in each individual page.


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

</div>

</body>
</html>

dalady
07-20-2005, 07:15 PM
first of all,do you have a layout? I can help you making your site but I need to know what do you want exactly? Ana what kind of layout?

oldcrazylegs
07-20-2005, 08:01 PM
You are only allowed to have one <body>...</body> tag pair per page.

Stop using the <font>, <b>, <i> and <u> tags. You can do this much better with style sheets.

Remove your style sheet and replace it with

<link rel="stylesheets" type="text/css" href="mystylesheet.css">


Remove the style tags from your style sheet and save it as mystylesheet.css or whatever name you want in a text editor like notepad. Then upload it to your account.

SSI Includes look like this
<!--#include file="yourfile.html" -->

Save the HTML portion of your page that you want to include as yourfile.html or whatever name you want to call it. As long as the name or the file you cave and the name in the include exactly match each other.

When you save a ssi do not put <html>, <head>, <title> or <body> tag pairs in them. They will only cause trouble if you do. Only save the part of the page you want to include.

Learn about Server-Side Includes
http://www.perlscriptsjavascripts.com/tutorials/howto/ssi.html
http://www.really-fine.com/tutorial_ssi.html
http://jimmy.qmuc.ac.uk/jimtools/ssihowto.shtml

In the body tag below you have several errors. If you learn CSS the right way the body tag will not have anything inside it at all. Everything in there can be done better with CSS. It should look like this <body>

<body background="http://img146.echo.cx/img146/5042/basic6fz.jpg" body bgcolor="#c0c5fa"link="#050f73" vlink="#050f73" alink="#050f73" size="2"font-family: Comic sans MS;>

best html reference http://www.w3schools.com/html/html_reference.asp best style sheet reference http://www.w3schools.com/css/css_reference.asp html links http://www.websitetips.com/html/ style sheet links http://www.websitetips.com/css/ html dom http://www.w3schools.com/htmldom/dom_reference.asp

this is a forum. READ THE RULES! no links to other forums, not even "discussion places"

MaGiCSuN
07-29-2005, 07:42 PM
<body background="http://img146.echo.cx/img146/5042/basic6fz.jpg" body bgcolor="#c0c5fa"link="#050f73" vlink="#050f73" alink="#050f73" size="2"font-family: Comic sans MS;>

that body tag should be:

<body background="http://img146.echo.cx/img146/5042/basic6fz.jpg" bgcolor="#c0c5fa" link="#050f73" vlink="#050f73" alink="#050f73" style="font-family: Comic sans MS;">

forgot a style=" and " part, had an extra "body" word in it .. and don't be too afraid for spaces ;). Also if css is so important, then why are all the vlink link alink etc in there ?

yeah ..

Love,
Mirna