http://www.angelfire.com/dragon/misguided2/index.html

To start off, I would like you to know that my site is on the
free host Angelfire so going to the W3 Validator will not present
itself very well for me.. though, when I validate the code that
I've created on my desktop, all CSS and HTML are valid.
That's why the VAlid ... logos are on my index and home pages.

Not all the links are working yet. Just got basics up for now.
Hoping that all functionality and content looks good before I
have to reconstruct it.. .

http://www.angelfire.com/dragon/misguided2/index.html

Thanks for all critiques, whether good or bad.

also...

I only have IE6 on XP SP2 and 1000x800 screen, so I'm pretty sure that the absolute positioning will look a little
weird on some browsers and resolutions.

*cringe*

bumpity bumpy bump

I like it, but get rid of the splash page.

The 'little about myself' box (and probably the text size increase thing on the left side) are overflowing on Safari v1.2.4.

Doesn't reflow on smaller screens - set to a min of 1024x768?

Capital letters in text are good

Also, would be nice if you could get a black border around the bottom of the content box to match everything else.

--Simon

okay... thanks for all the input. I've uploaded the changes.
plus I added a red dashed underline to links...

http://www.angelfire.com/dragon/misguided2/home.html

index.html will mirror home.html instead of being a splash page.

I added the border to the entire 'content' section of the page
though I don't see the effects in IE6 XP SP2... I've noticed
that sometimes in IE you have to scroll passed the border
then scroll back up again before ou see the effect.. weird

anyhoo..

more comments?

Maybe its only my firefox 1.0 on this Xp computer that is wierd but I dont think so. I got these "); //--> "); //--> on the top left corner when viewing the page.

I think it looks good, though the size control panel is a bit out of place to the left, maybe you can think of a better way to incorporate it. Perhaps shrinking it and throwing it at the bottom corner of your page.

Just a suggestion, again nice site and g'luck.

@KenPed -- the <!-- stuff is errors in Angelfire code...
I thought I had worked around that when I used the
DOCTYPE tag... maybe it only fixes in IE...
(before I added the DOCTYPE tag, I got that garbon alot)

@MaxM -- some ideas as where to put the resize?

@all -- Is any of the content overflowing atall

I don't see anything overflowing no.
Your lists ought to be markup up as lists: <ul><li></li></ul>
I'd highly recomend that you download at least one other browser, Firefox or Opera, so that you can test it yourself.

You should cut out the embeded syles. This will not cut it, but I do understand this being a personal page

Use the following in between the head tags:
<style type="text/css"media="all">
@import"/css/default.css";</style>

Or the following:
<link href=/css/whatever.css rel="stylesheet" type="text/css">

Those are relative links and will only work in a server environment or dreamweaver (kind of)

The actuall link above is the same as
www.yoursite.com/css/whatever.css

CSS, was designed to save bandwidth, by downloading a local copy of the css markup to re-use while viewing all pages on your site. The way you have it set up your guests are downloading the css markup every time.

Also, a javascript link for your scripts would be good, although i did not see anywhere why you would need to preload any of your page?

thanks for the input red, I hadn't gotten around to making
the CSS external yet.. though it would be a good idea to
do it soon...

about the preloading part.. preloading some
of the images, I thought, would help load the banner and
such faster (maybe my understanding of the preload isn't
what it should be...)... but in latter pages there are plenty
of images that will be preloaded on the appropriate pages...
many of 600x150 banners and 800x600+ wallpapers...

Unfortunately your preloader of images, will not speed up your page load time. Everything in your html markup (including javascript preloaded images) will load as the page opens, what the preloader solves, is the issues with mouseover images, but those images are not loaded until the user "activates" them with a mouseover event ....without a preload scenario, those images load after the user hovers over a link or whatever and on dial up and even cable internet connections is a few second undesired delay, but if those rollovers are preloaded, then it is instantaneous....you are wasting page load time by your huge javascript markup.

In your case that is not as detrimental of a thing and bandwitdh cost does not affect you as much probably. But here is an example of where it could be detrimental.

Your site:

say 1000 unique visits hit homepage a month....your homepage say is "20 kb"

20 kb * 1000 = 20,000kb server bandwidth

say with external css and no preloader script you file is 10kb

10 kb * 1000 = 10,000kb server bandwidth

Not really anything to worry about

Say yahoo homepage gets 1,000,000 visits per month

say yahoo's page is 50 kb, and they are using nested tables, messy markup exc....

50 kb * 1,000,000 = 50,000,000 kb server bandwidth

say yahoo cuts its page down by using web standards such as more css and xhtml transitional to say 30kb

30 kb * 1,000,000 = 30,000,000 kb server bandwidth


that is 40% bandwidth savings, and nearly 20,000,000 kb of precous bandwidth

Those are silly examples, and not realistic numbers, but yet it shows how using standards and clean markup can cut costs at bigger levels of users,
not only that but those methods keep things easier and more tidy to update...

nuf said, as I step down from a largely used forum soapbox

I am using OS-X and running Firefox. I'm not sure what your site is meant to look like, but here how it builds on my screen;

http://stuweb.cms.gre.ac.uk/~hm325/images/misguided.jpg