First thing I see:
#cont
{
position:left;
}
No such thing as position:left.
Position may be "absolute", "relative", or undeclared.
If undeclared, it acts !mostly! like "relative".
Actually, if I may...
You have lots of layers of complexity in here -- way more than necessary.
Do this:
code:
<html>
<head>
<!-- Head stuff here -->
</head>
<body>
<div id="header">
<h1>Ensellitis</h1>
<ul id="breadcrumbs">
<li>Ensellitis.com</li>
<li>Location</li>
</ul>
</div>
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct.</p>
<p>Nam liber te conscient to factor tum poen legum odioque civiuda. Et tam neque pecun modut est neque nonor et imper ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna aliquam makes one wonder who would ever read this stuff? Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.</p>
<p>Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct.</p>
<p>Nam liber te conscient to factor tum poen legum odioque civiuda. Et tam neque pecun modut est neque nonor et imper ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna aliquam makes one wonder who would ever read this stuff? Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.</p>
<p>Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct.</p>
<p>Nam liber te conscient to factor tum poen legum odioque civiuda. Et tam neque pecun modut est neque nonor et imper ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna aliquam makes one wonder who would ever read this stuff? Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.</p>
</div>
It probalby is not going to be perfect, but that should give you a good start in the right direction.
Write back here when you have questions and I will do what I can do answer them.
That is ALOT simpler... I am going to get to work on using that... In order to fix it, I went ahead and added more layers, you can see it by clicking my sig. It looks ok, but I think I will start working on that one to make it alot simpler.
Also, is dreamweaver a good WYSIWYG editor for doing CSS? I tried using frontpage, but of course they suck
Dreamweaver is NOT a good WYSIWYG editor.
Dreamweaver isn't so bad as a tool to organize your files, create and maintain templates, etc., but DO NOT confuse that function with that of editor. There is no such thing as a good WYSIWYG editor.
You want an editor, try our own Mr. Max's HTML Beauty. Very nice.
When I'm on my Windows machine, that's all I use.
Next thing, get all that style and font crap out of markup. Use your stylesheet.
That being said, it's getting better.
Do you want some more suggestions, for a standards compliant page, or are you happy with what you have?
I'm happy to offer up help, especially on this topic, but I don't want to seem pushy either.
Thanks. =) I actually came here a few years back and was alittle active, then along came war and health, but I finally made my way back when I got stumped, I love this place.
I noticed you got rid of like half of your validation warnings. Congrats
Most of your remaining errors are from:
1) Your navigation. (UL needs nested LIs) Example:
<ul>
<li> entry </li>
<li> entry </li>
<li> entry </li>
<li> entry </li>
</ul>
This will most likely take some toying with to get crossbrowser-friendly.
2) I think if you close your input fields with /> instead of just > they should validate.
I focus on the pain; The only thing that's real (Trent Reznor)
Yeah, I had nothing to do today so I got started on that. I was working on the menu earlier but when I put each menu entry between the <li> it seems to put a break between each of them in IE... But I am working on it...
The only thing left to do is to do some editing in my blog script to get that to validate... That may have to wait till tommorow though.
You are right about closing the input fields... I did that with my shoutbox and the validated right away... So all that is left is to go through the blog and find all the instances that need to be changed to validate...
Uh...Mr. Ensellitis, I believe you have a hosting problem. Went there this morning to check out the changes you've made. Doesn't look pretty.
Let us know when you've gotten things straightened out.
Last I heard it isn't possible to have a dynamic or CSS on a drop down meny when it comes to the arrow or the border... Is this true? Is there a way to have a full CSS version using DIV containers?
What you say is true, at least to the best of my knowledge. I think there may be some MS proprietary stuff, works in IE only, certainly not standard. I don't know for sure as I tend to stay away from such things.
I notice you still have lots of font tags in your markup. You are best served to rid yourself of these.
Furthermore, I see you also still have inline styles...
I see a "To do List" that's seperated with <br />.
Use the list tags, that's what they are for. <ul> for unordered lists, <ol> for ordered lists.
I see <font class="title">...? use <h*> tags, then style them appropriately.
I think your work may simply be a product of a lack of tag vocabulary. I highly recommend you check out w3c schools xhtml tag list. Learn what tags exist, and for what purpose. I know, it's going to feel (at least at first) a whole lot like reading a dictionary...mostly because it IS a whole lot like reading a dictionary, I suppose...but it'll be helpful.
Keep that link handy. I still use it today.
Next, see if you can't clean up some of those font tags, inline styles, and replace all the "lists" with actual lists and the "titles" with actual heading tags. That'll go along way toward cleaning up your page.
And eliminate every single <br />.
posted 12-19-2004 07:04
