if you relocate the pasted code to just after:
<body>
<div id="wrapper2">
it should be still at the top, but might be centered.
the location now is invalid html code, and will lead to disply problems an some browsers:
http://validator.w3.org/check?uri=http%3A%2F%2Fcyberduelist.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
it didn’t work, do you know of another way?
try to move the code to after <div id="wrapper">
there might be a large gap at the top, and your image might stick close to the menu.
remedy:
edit style-Blue.css of your theme:
find:
#wrapper { width: 940px; margin: auto; padding: 0px 0px 0px 0px; margin-top: 116px; }
change to margin-top: 20px;
and add this #pages{margin-top:20px;}
directly after;
so the lines should look like:
#wrapper { width: 940px; margin: auto; padding: 0px 0px 0px 0px; margin-top: 20px; }
#pages{margin-top:20px;}
(checked with firefox3.6)
btw:
did you start with the validation?
invalid code like this will usually lead to unpredictable display in different browsers; you site already looks misaligned in IE7, for instance.
what is the validation? I am new at this.
there are certain rules for the syntaxt of the html code.
with a free toll such as the validator http://validator.w3.org/ you can test if your site (each page at a time) is conform with these rules.
if the report shows errors in the code of your site, it would be a good idea to try to fix the code so it conforms to the rules = validation.
http://www.w3schools.com/ for instance has tutorials for html programming (and other) .
It looks good now thanks. 🙂 Although I guess I need to fix the other stuff, after I validate, should I click “Clean up Markup with HTML Tidy”? Does validating and fixing these little errors make my website faster or something?