The use of white text, links and lines on the light yellow background makes the white very hard to see, The link for your "battle programming alliance", optimally, should change colors when you hover over it for easy indication as a link. You just have the line appearing under it on hover.
I use white on a darker blue background for text and links, but use a CSS background color change block for my links. I have the background the same color of the page for everything but hover. Then the background changes to black on hovering a link:
a:link {
font-family : sans-serif, serif, tahoma;
background-color : #3d4a5d;
color : #f8f8ff;
}
a:visited {
font-family : sans-serif, serif, tahoma;
background-color : #3d4a5d;
color : #f8f8ff;
}
a:active {
font-family : sans-serif, serif, tahoma;
background-color : #3d4a5d;
color : #f8f8ff;
}
a:hover {
font-family : sans-serif, serif, tahoma;
background-color : #000000;
color : #f8f8ff;
}
On a personal note, not to get personal or offend you, but, if I had my site billed as "a forum for elite programmers with extreme will power to sharpen their skills" I would make very sure my site markup checked as valid XHTML 1.0 Transitional if that's what I presented it to be. It does not.
Because if it doesn't check as valid code it's not considered to be XHTML at all. And that, personally, would have me in a state of panic to get fit fixed before someone saw it. Especially if I was describing myself as an "elite programmer".
I don't, but all my markup is valid XHTML 1.0 Transitional and Level 3 CSS. Self-taught at
W3Schools Online.
You declare a DOCTYPE of XHTML 1.0 Transitional but are missing the XML version and encoding line that goes on top of it. If you don't have a viewpoint metatag for mobile devices google will penalize you in ranking. Your code from top down should start like this and include these metatags in with the rest you have:
<<?xml version='1.1' encoding='utf-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<title>Free forum : battle programmers alliance</title>
<meta name="viewport" content="width=device-width, user-scalable=yes" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="keywords" content="YOUR KEYWORDS GOOGLE LOOKS FOR IN A SEARCH THAT DESCRIBE YOUR SITE AND INCLUDE WORDS USED ON THE SITE" />
<meta name="author" content="yotamarker" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="robots" content="all" />
<meta name="revisit" content="7 days" />
<meta name="distribution" content="global" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>
You don't have a favicon yet but it only needs to be a 16x16 square saved as favicon.ico. There's the code you'll need for it.
I would have one already made for you but your avatar didn't work well using it to make one.
