coding stuff.... [Archive] - Lissa Explains it All: Web Design Forums

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">
 Welcome 
<hr size="5" width="40%" align="left" noshade color="#050f73">
Welcome to Em's Zone a fansite dedicated to the actress Emma Watson. We post News, the latest photos, videos, and much more. Make sure you visit the Forum and sign the guestbook. Go and have a wander!!! 
Navigator 
<hr size="5" width="40%" align="left" noshade color="#050f73">
Em 

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

Affiliates 
<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> 
<a href="http://www.unforgivable-curses.net" target="_blank">
<img src="007.gif" width="88" height="31" border="0" alt="U-C"></a> 
<a href="http://www.emmawatson.net" target="_blank">
<img src="ewnet2.gif" width="88" height="31" border="0" alt="EW.net"></a> 
<a href="http://www.emmawatsonsworld.com" target="_blank">
<img src="button.gif" width="88" height="31" border="0" alt="EWW"></a> 
<a href="http://www.danradcliffe.com" target="_blank">
<img src="dangreenanimbutton.gif" width="88" height="31" border="0" alt="d-r.com"></a> 
<a href="http://www.misswatson.org" target="_blank">
<img src="button029.gif" width="88" height="31" border="0" alt="mw"></a> 
<a href="http://www.miss-watson.org/tce/" target="_blank">
<img src="button88_3.jpg" width="88" height="31" border="0" alt="THE"></a> 

</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 , , and 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


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