CascadingIdiot
04-24-2008, 11:16 PM
Hi,
So I've been posting alot lately, and I figured I should probably get my Doctypes and validation figured out. I just validated a page and used the Tidy code the W3 page displayed, and for some reason or another, my linked stylesheet (style.css) is no longer linking correctly, and I can't figure out why.
HERE (http://www.freelanceviking.com/Site!/menu3.html)
Everything in the <head> looks right.
There appears to be some control characters in the document, try this version:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Last Minute | Featured Menus</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="StyleSheet" href="menu3_files/style.css" type="text/css" media="screen"></head><body>
<div id="container">
<div id="flash"></div>
<div class="menuCONTENT">
<div class="title_image"><img src="menu3_files/menuheader.gif" alt="Featured Menu Header"></div>
<ul id="pnav">
<li><a href="#american">American</a></li>
<li><a href="#med">Mediterranean</a></li>
<li><a href="#chinese">Chinese</a></li>
<li><a href="#french">French</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
interdum. *** sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Suspendisse elementum, purus sit amet iaculis
commodo, dolor quam ornare velit, id sollicitudin libero nulla vitae
odio.</p>
<div class="image_float"><img src="menu3_files/collison.gif" alt="Simon Collison"></div>
<p id="american">In sed tortor sed nulla lacinia congue. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Pellentesque malesuada urna vel felis. Suspendisse congue
bibendum augue. Ut hendrerit arcu sed orci. Sed posuere sagittis augue.
Maecenas aliquet, velit id tempor congue, justo sapien dignissim mi,
sed facilisis tortor est at tortor. Suspendisse potenti. Nam ac ligula
ut purus auctor dictum. Sed sit amet mauris. Integer purus elit,
posuere eu, aliquet dignissim, iaculis id, felis. Cras accumsan cursus
massa. Mauris euismod lacinia odio. Nulla facilisi. Donec tempor
bibendum mauris. Nam tincidunt vehicula est. Sed posuere ornare tortor.
Nunc eleifend.</p>
<p id="med">Morbi mollis, nulla quis malesuada facilisis, mi pede
aliquam nibh, in tristique dui dolor ac magna. Nullam elit urna, luctus
ac, semper id, porttitor in, lorem. Sed commodo tellus in nibh.
Vestibulum id est. Maecenas tincidunt adipiscing eros. Duis feugiat
justo quis mi. Aenean bibendum, nisi vel sollicitudin euismod, neque
erat laoreet lacus, in luctus velit turpis eu lectus. Nunc at velit.
Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent
per conubia nostra, per inceptos himenaeos. Pellentesque tristique,
nunc ut varius lobortis, justo augue commodo enim, vitae vehicula mi
justo nec turpis. Etiam erat. Aenean nec lectus et erat iaculis
lobortis. Vestibulum nunc nisl, porttitor et, rhoncus in, pulvinar
eget, metus. Donec ac justo. Duis id risus sit amet risus placerat
aliquam.</p>
<p id="chinese">Sed vehicula. Pellentesque ac eros et libero rhoncus
pretium. Vivamus feugiat, mauris sit amet dignissim aliquet, orci magna
placerat purus, non mattis massa dolor ut purus. Aliquam sem. Nullam
fringilla. Vivamus dapibus, tellus in rutrum dictum, purus sapien
pharetra nibh, id convallis orci sapien sit amet nisi. Sed suscipit.
Vestibulum non sapien a ante tempus faucibus. Aliquam mattis.
Pellentesque nec metus vitae neque gravida viverra. Integer tristique
eleifend augue. Donec quam urna, rhoncus eu, laoreet id, convallis ac,
diam. Suspendisse lectus sem, mattis vitae, molestie interdum, aliquet
luctus, felis. Proin at leo non justo accumsan blandit. Suspendisse
potenti. Class aptent taciti sociosqu ad litora torquent per conubia
nostra, per inceptos himenaeos. Mauris ultrices dui sit amet nulla.
Maecenas id eros. Ut consequat lobortis magna. Nunc eget purus.</p>
<p id="french">Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Nullam nulla felis, mattis in,
bibendum dapibus, interdum ut, sem. Maecenas mattis elit vitae diam.
Aenean lectus. Pellentesque magna ligula, semper et, dictum sit amet,
tempor ut, erat. Aenean varius aliquet erat. Ut aliquet sagittis massa.
Nam lacus purus, gravida at, condimentum at, dictum tempus, dolor. In
quis turpis. Aliquam commodo condimentum justo. Ut commodo faucibus
nibh. Curabitur luctus pellentesque libero. *** sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Nullam ut magna eu nulla dapibus consequat. Phasellus purus magna,
sagittis ac, pulvinar vitae, tempus eget, nunc. Integer viverra egestas
urna.</p>
</div>
<ul id="nav">
<li class="navsep"><a href="http://www.freelanceviking.com/Site%21/catering.html">About Us</a></li>
<li class="navsep"><a href="http://www.freelanceviking.com/Site%21/menu.html">Menus</a></li>
<li class="navsep"><a href="http://www.freelanceviking.com/Site%21/eventplan.html">Event Planning</a></li>
<li><a href="http://www.freelanceviking.com/Site%21/contact.html">Contact Us</a></li>
<li id="navIN"><a href="http://www.freelanceviking.com/Site%21/employ.html">EMPLOYMENT</a></li>
</ul>
<div id="foot">
<div id="infobar">
<p>Copyright © 2008 Last Minute Caterers LLC</p>
</div>
</div>
</div>
</body></html>
CascadingIdiot
04-25-2008, 07:21 AM
So what are control characters and why did it put them in? And what were they?
They are the decimal characters 0- 31 (http://en.wikipedia.org/wiki/ASCII), and are no printable
Some editor add these, but they cause problems with html documents.
Always use a proper html editor, never Word or Wordpad etc.
smyhre
04-25-2008, 09:07 PM
If you don't have a proper html editor you can get a few for free. There are a couple that I use.
For widows I use notepad++, for mac i use text wrangler. Both are free. Don't know what platform you use but take your pick if you like.