Layout, and Color Scheme

A lot depends on the content of the site. This is a dark site so would suit a gaming site (they all seem to be dark) but not so much a tutorial type site. One of your links is arts & pictures but the links at bottom of pages is more news. Pics you might get away with dark site but news you probably wouldn't as it gets real hard on the eyes.

Code wise, you should work in lower case for all your tags. A DOC tag would help and changing a few tags (like to ) would make it XHTML compatible which would suit the CSS more.

I learned to put all my HTML tags capitalized to make then stand out from the actual content. Were you saying both the HTML and CSS code should all be lowercase? Also, you said I should change to why is this, and will the above two differnt codes produce the same line break effect? What does the / do? Was the red text hard for you to see? The old news is attached to the news content boxes because it is related to the news. It isnt more news, but the main page will only hold 5 news entries. The old news page will hold all the outdated entries.
IDW

is good, just dont get used to it, getting used to with the slash would greatly remove some headaches when validating your site in the future... Its a good layout, but its better if you would put in some sample texts and graphics, or make at about 70% done so that comments are more well-directed...

I am having a problem inserting the sample logo without it pushing away from the menu and expanding the top content area, instead of just flowing to the side of the menu like I want. I have tried differnt methods to make it work, and it seems that "position: absolute" is the solution. Is "position:absolute" along with the "Left:" command to determine its position what would normally be used to do this?

Example of problem when using position: relative

Here it is fixed with position absolute

Here is what I added to make it display correctly.

'

<div id="logo"><IMG SRC="logo.JPG" ALT="logo"></div>'

Try using the css float:left... that should work.

#1 You need a DOC TYPE.

#2 Never post under construction.

#3 Get rid of the scrollbar color code, does not validate, only works in IE.

#4 Needs some text padding, running into the borders.

#5 You have some illegal characters like ( ' ) will not validate, needs to be
& #39; with no space of course it would not display otherwise.

#6 You failed to close some tags.

#7 Black is a depressing color for most sites, red is aggressive. So this is a depressing, aggressive web-site. Jeeezzz. :eek:

And some other minor points, that have skipped my mind.

Thank you for the suggestions, steve40.

Quote: #1 You need a DOC TYPE.

I'm not this far yet. I now know HTML and CSS only. Some javascript but so little that I might as well say I dont know it. DOC TYPE is for what validating? I saw someone write "validating" and also do not know what this is.

Quote: #2 Never post under construction.

You must have looked at the old online version of my website. I was already told yesterday on another forum not to put "Website Under Construction" because all good websites are always under construction.

Quote: #3 Get rid of the scrollbar color code, does not validate, only works in IE.

I would like to keep it for the IE users then, because a lot of people do use IE. Once agian, I don't know what validating is, but I doubt my website will be going through it anytime soon.

Quote: #4 Needs some text padding, running into the borders.

I will add a margin-left to fix this, but was having trouble finding exactly where to put it.

Quote: #5 You have some illegal characters like ( ' ) will not validate, needs to be & #39; with no space of course it would not display otherwise.

I was wondering why some websites showed wierd code like that instead of certain characters.

Quote: #6 You failed to close some tags.

It may look like some of the tags do not have the command but if you look closely they are all closed eventually.

Quote: #7 Black is a depressing color for most sites, red is aggressive. So this is a depressing, aggressive web-site.

I did not know the color's had an effect on the visitors mood. I never felt depressed or aggressive while looking at my site when I was coding it, hour after hour. Is there a website that shows the mood a color puts off?

robbluther wrote: Try using the css float:left... that should work.

So position:absolute is the wrong way, or is float:left just a better way of doing it? I will make sure to change it after this post.

DOC TYPE is for validation, without one your site will not validate. I am pretty sure yours would be
This goes above all the rest of your code, "at the very top of the page".

You can keep the IE color code, but it will keep your site from validating.

There are quite a few illegal characters, ( ' ) is only one of them. Do a web search for "special HTML characters", you will find them.

My validation program pointed the tag problem out, might be where you closed it. Or no DOC TYPE causes this sometimes.

Yes there is a sight that gives color moods, but I don't remember where it is at the moment. Green is supposed to remind one of something bad to eat.

Blue is saddening.

I don't remember a color they did like. :eek:

Black though usually goes well with Photo, graphic, or gaming sites. Its really not the best for anything else.

Validation is important it can determine your web search ranking. Not page rank. If its bad your site can come up #1000 in a web search for your keywords.

But only one out of a dozen will actually pass a test!. Type in W3C you will find the site, you can check your site from the web, or your hard drive.

Add (margin: Auto simi-colon ---- keeps coming up with a smiley face if I put one.) to your CSS in the div or whatever tag you have used for your main body text.

You have been a lot of help, steve40. I have decided my websites information section will be technology related. At first the website was going to be a place where people could put any useful information and cool art/photographs.
For the past few weeks I noticed that the text size on webpages was randomly changing. Today someone told me that if you hold dont ctrl and scroll the middle mouse button it will change text size. I found this was the problem. I noticed on my webpage that only text sized with the tag is affected by this. Is it the same on other browsers or just IE?
Also when I first started the layout I noticed that how I used the tag for my news boxes and menu links held the menus together. Here is what I am talking about.

'
If I were to move the tag from where it was at and make it like this the old news link, along with the div box it is no longer flush with the last news box border.
'
If you dont understand what I am trying to say let me know and I will put up some pictures.

As far as the scroll bar increasing text in other browsers, I really don't know. I have Firefox installed on my machine sometimes, but not right now.

I think I know what you are talking about, tags are block level elements, and create a margin above, and below the enclosed text. Unless you include
margin-top: -0;
margin-bottom: -0;
in your css. The larger the number the less margine. Where ever you open a tag, and close it there will be a margine. If you want the margine at the bottom leave -0, same for the top.

I better catch up on everything I have learned so far on these forums before asking anymore questions. Back to work on the site, and logo. Thanks for everyones help.