Looking for help adjusting my site. 2

[DrySnot]

I have been on other forums and a friend told me to check you guys out.

I'm I new webmaster thats working on my first page. It looks good in my system but on others using low screen res not so good.

The main problem i'm having is that I edited the free layout I got to look like it does now and when I try and validate my page the auto fix thing messes up all my tables or what ever keeps the boxes in place.

Everyone thats tried to help me so far has posted once and then never came back lol.

http://www.drysnot.com

is my site please help me fix it.

Thx

 

[BillyRayPreachersSon]

Here are some things you should read about which you can apply directly to your code to help a lot of issues:

- Use a complete and valid DOCTYPE. The one you have right now is not.

- Use a "type" attribute in your "style" tag.

- Get rid of outdatedd attributes, such as "bgcolor" and replace them with CSS such as "background-color" in a style-sheet rather than inline.

- Get rid of your browser detection. You're detecting v3 browsers - who uses those these days? I was finished using those in 1999, so this code is at least 8 years old and *very* outdated.

- Learn about "document.getElementById". Referring to images the way you are is no longer standard or considered cross-browser.

- Get rid of tables for layout. Learn about CSS. Tables for layout is also now considered very old-hat and bad practice, especially from an SEO / accessibility point of view.

- Move all of your inline styles into an external style sheet.

- Use correct HTML character entities for symbols such as the copyright sign. If you view your existing page in, say, Firefox / Win, it does not show up properly at the moment.

Of course, it'll will take time to work though this list... but if you do, you'll have a much better understanding of your own pages, how to fix them, and HTML & CSS in general.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[DrySnot]

Thank you so much for taking the time to look over my site and give me advice.

I think i have fixed the doc type and also added the type to my style. If I did it wrong or messed it up somehow please let me know. ((I changed my page around but I expected that))

The rest i'm going to have to learn how to change. Any idea where I should start?

 

[johnwm]

You can use the W3C validator to check for validation errors.

There are a number of basic tutorials on HTML and CSS at W3Schools

There are some good items at HTML Dog

Once you are past the basics you will get more from A List Apart

Overall you may do better to try and get a good understanding of HTML and CSS before attempting Javascript. Finally there is an introduction to forum best practice at faq222-2244

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints

 

[DrySnot]

Thanks for the links!

 

[DrySnot]

I have been adding in the codes I found here [URL unfurl="true"]http://www.barelyfitz.com/screencast/html-...ss/positioning/[/url] but they don't seem to be doing what I want them to or anything at all for that matter.

Would you mind taking a look at my code and giving me a kick in the right direction? I'm trying to make the images line up in two rows down the page.. or even move at all just so I can see how its works.

[URL unfurl="true"]http://www.drysnot.com/style.css[/url]
[URL unfurl="true"]http://www.drysnot.com/index1.html[/url]

I am on this step

- Move all of your inline styles into an external style sheet.

If you could give me the name of what it is i'm trying to do that would be a great start for me google should be able to help me from there.

Thank you guys so much for helping me out and being so nice!

 

[BillyRayPreachersSon]

It sounds like you're after a classic "2 column layout". There are some really good links here:

http://www.google.co.uk/search?hl=en&q=two+column+layout+css&btnG=Google+Search&meta=

such as:

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

although many of those results look to be pretty good (there's no 1 right answer, so it really depends on any pros / cons to each solution as to which you might go with).

It's great to see you're embracing this change - many people would have run a mile, I think!

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[DrySnot]

I think I got it. What do you think?

 

[DrySnot]

http://www.drysnot.com

 

[Vragabond]

Looks better. Now you should:

1. Use CSS to change the image on the links, instead of javascript. Here's a good technique on how-to:

http://www.wellstyled.com/css-nopreload-rollovers.html

2. Use more semantic code in your example. Your links are a list, so treat them as such.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[DrySnot]

Thank you so much for the link that helps alot.