Chief Delphi
Page 2 of 2 < 1 2
Show 100 post(s) from this thread on one page

Chief Delphi (http://www.chiefdelphi.com/forums/index.php)
-   Website Design/Showcase (http://www.chiefdelphi.com/forums/forumdisplay.php?f=64)
-   -   HTML/Website Help (http://www.chiefdelphi.com/forums/showthread.php?t=85093)

Dan Zollman 28-04-2010 00:46
Re: HTML/Website Help
 
I'd start by proofreading the HTML. The head and body elements are a little scrambled up, and there are two opening body tags. Put the style and link tags into the head section.

Also check the rest of the structure--make sure tags are nested properly, the document is organized into a tree, etc.

No problems with the CSS jump out at me, but it'll be hard to tell until the HTML is fixed and reorganized.

nitneylion452 30-04-2010 20:21
Re: HTML/Website Help
 
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<title>Team 3167-Home</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
<!--

#navbar ul {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
    background-color: #000;
    }

#navbar ul li { 
    display: inline;
    }

#navbar ul li a {
    text-decoration: none;
    padding: .2em 1em;
    color: #fff;
    background-color: #000;
    }

#navbar ul li a:hover {
    color: #000;
    background-color: #fff;
    }

-->
</style>
<link href="http://images.freewebs.com/Styles/blog.css" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://blogs.members.webs.com/Members/Blogs/viewBlogRSS.jsp?userid=56345546">
<style type="text/css">
 p.c5 {background-color:black;color:white}
 div.c4 {text-align:right}
 img.c3 {border: 0px;}
 p.c2 {color:black}
 p.c1 {color: black}
</style>
</head>
<body>
<div id="container"><a href="http://www.usfirst.org" target="_blank"><img src="http://www.iolani.honolulu.hi.us/robotics/newweb/allimg/home/first_logo_1.jpg" border="0" width="10%" height="10%"></a> <a href="http://www.comcast.com" target="_blank"><img src="http://gothampr.files.wordpress.com/2009/12/comcast_logo.jpg" border="0" width="15%" height="10%" align="right"></a> <a href="http://www.etcusa.com" target="_blank"><img src="http://etcusa.com/img/logo.gif" border="0" width="20%" height="10%" align="right"></a>
<div id="body">
<div id="navbar">
<ul>
<li><a href="http://www.team3167.webs.com/index.htm">Home</a></li>
<li><a href="http://www.team3167.webs.com/About_3167.htm">About 3167</a></li>
<li><a href="http://www.team3167.webs.com/About_FIRST.htm">About FIRST</a></li>
<li><a href="http://www.team3167.webs.com/Photos.htm">Photos</a></li>
<li><a href="http://www.team3167.webs.com/Videos.htm">Videos</a></li>
<li><a href="http://www.team3167.webs.com/Contact.htm">Contact Us</a></li>
</ul>
</div>
<p class="c1"><big><strong>Welcome to the Official <abbr title="FIRST Robotics Competition">FRC</abbr> Team 3167 Website!</strong></big></p>
<p class="c2">This site is under construction, and will be here for you to enjoy soon.<br>
In the meantime, <a href="http://www.fatherjudgerobotics.webs.com">take a look at our temporary site</a>.</p>
<img src="http://www.iolani.honolulu.hi.us/robotics/newweb/allimg/home/first_logo_1.jpg" height="90%" width="90%" align="center"> <!---  Start Freewebs Blog Code =-->
 <!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js">
</script><script src="http://images.freewebs.com/JS/blog.js" type="text/javascript">
</script> <script type="text/javascript">
startBlog(56345546);
</script><script type="text/javascript">
initBlog();
</script>
<div class="c4"><a title="View RSS feed" href="http://blogs.members.webs.com/Members/Blogs/viewBlogRSS.jsp?userid=56345546"><img class="c3" alt="View RSS feed" src="http://images.freewebs.com/Images/rss.gif"></a></div>
<!--- End Freewebs Blog Code --->
<br>
<br>
<div id="footer"><!-- Footer -->
<p id="footer" class="c5">Copyright ©2010 Father Judge High School 3301 Solley Avenue Philadelphia, PA 19136<br>
<!-- Freewebs Sticker -->
<script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_roundred.js" type="text/javascript">
</script></p>
</div>
</div>
</div>
<!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js">
</script><script type="text/javascript">
if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}
</script>
</body>
</html>
I put the html through a service called HTML Tidy, and that's what it gave me. I put it through a validator and it won't validate because something in one of the lined is no utf-8. Is there anything that looks wrong with the HTML? It's the same as it was before, but reorganized by that program.

synth3tk 30-04-2010 22:00
Re: HTML/Website Help
 
According to the W3C validator, you've got 7 errors and 1 warning. The warning (which is the UTF-8 bit) is ok to ignore for now, but you should focus on the errors.

I hope you used this to validate: http://validator.w3.org/

nitneylion452 02-05-2010 12:46
Re: HTML/Website Help
 
The w3 validator validated the HTML, but the page still looks awful in IE. Is there anything else I can do?

Edit
It validates only when I directly put the code into the validator, but if I type "http://www.team3167.webs.com/index.htm" into the "validate by URL tab" I get a fatal error about line 80 containing something that is not utf-8.

MagiChau 02-05-2010 13:25
Re: HTML/Website Help
 
I don't know much about coding but I think you should close the <head>? I only saw a starting tag but not an ending one.

nitneylion452 02-05-2010 15:59
Re: HTML/Website Help
 
There's a </head> I just checked.

Dan Zollman 02-05-2010 17:46
Re: HTML/Website Help
 
It's the copyright symbol near the bottom. Try using the entity "&copy;" instead of the symbol.

(If you have a text editor that shows line numbers (I use Notepad++), that sometimes helps interpret the validator feedback. For this page, the validator said the bad character was on line 80, but I think that was a couple lines off.)

Edit: Also, I think the IE problems are related to the use of positioning in the stylesheet. One way to debug this is to go back to a blank stylesheet (both mystyle.css and the CSS in the head section) and add items back to the stylesheet one at a time, in order to see the individual effects of each change.

nitneylion452 03-05-2010 19:53
Re: HTML/Website Help
 
The strange thing is that when the images are not aligned right, they stay above the nav bar, once align right is put in, it throw the images to the middle of the bar.


All times are GMT -5. The time now is 08:31.
Page 2 of 2 < 1 2
Show 100 post(s) from this thread on one page

Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Copyright © Chief Delphi