http://www.alxdesigns.com/v5/intro/

The top links, "Register" and "User Panel" are messing with me. When you click on it in Firefox some parts jumps to the left, but not in IE 7.

Here is that part of the header code:

<div id="header">
<div id="header-nav"><div id="header-toplinks"><div id="link1"><a href="/v5/wp-login.php?action=register">Register</a></div><div id="link2"><a href="/v5/wp-login.php">User Panel</a></div><div id="link3"><?php get_useronline(); ?></div></div>

And here is the css for it:

#header-nav {
    float: right;
}

#header-toplinks {
        width: 500px;
    height:20px;
        margin-top: 3px;
        text-align: left;
} 

#header-toplinks a { color: #bbbbbb; text-decoration: none;}
#header-toplinks a:hover { color: #bbbbbb; text-decoration: underline; }
#header-toplinks a:active { color: #cccccc; text-decoration: none;}

#header-toplinks #link1 {
        float:left;
        margin-left: 165px;
        color: #CCCCCC;
        width: 40px;
        font-size: 10px;
        font-family:'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
} 
#header-toplinks #link2 {
        float:left;
        margin-left: 15px;
        color: #CCCCCC;
        width: 60px;
        font-size: 10px;
        font-family:'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
} 
#header-toplinks #link3 {
        float:left;
        margin-left: 85px;
        color: #CCCCCC;
        width: auto;
        font-size: 10px;
        font-family:'Lucida Grande', 'Trebuchet MS','Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
}

I'm currently learning css, so the codes might be a bit bad. A guess from me is that the floats somehow mess up the stuff. It's unusual for me to have problems with FF and not IE, for once.



Another thing i've been wondering about is how to put a background image behind the flash (so it looks good for those without), and how to integrate the flash on the page with java instead of the normal codes flash cs3 gives you (css and xhtml valid).



First post here by the way

I have this from time to time.
I usually close Firefox and re-launch it, and the problem is gone.

Go figure...

Originally Posted by tripy

I have this from time to time.
I usually close Firefox and re-launch it, and the problem is gone.

Go figure...

My friends have the same probs when they test the page, and i've closed down the browser many times. Did you click on the 2 links and try it yourself? Were there no problems for you in FF when you viewed it?

Solved. I put a fixed width on the header-nav.

May I just say nice site! It's fun to see a designers site not looking like the acclaimed Web2.0 or a giant sticker.

Originally Posted by Mooofasa

May I just say nice site! It's fun to see a designers site not looking like the acclaimed Web2.0 or a giant sticker.

Thank you (: Glad you like my style.

Does look nice, but you've got some major validation problems in your code.

Originally Posted by LadynRed

Does look nice, but you've got some major validation problems in your code.

Thanks. Yea I know about the problems, most of them are caused by div id's repeated more than once, flash codes & some other stuff. As I said, I'm pretty new to CSS / XHTML, but I'll try to fix all the errors.

Oh and if you see any big site bug, please tell me (not the tutorial page, because i'm gonna remake it totally.)

Your errors are more than that. You have some invalidly nested code, div's inside of lists (not allowed) and you should not be using the <embed> tag. Look into swfObject if you want to put Flash on a page.

Originally Posted by LadynRed

Your errors are more than that. You have some invalidly nested code, div's inside of lists (not allowed) and you should not be using the <embed> tag. Look into swfObject if you want to put Flash on a page.

Thanks for the info, i googled for swfobject, and now I think the intro swf is fully working that way, and for those who don't have flash, there will just be that blue image there... It's "behind" the flash now.

The divs inside lists, where is that problem? Recent Comments? What do you use to find the bugs?

What do you use to find the bugs?

firefox + firebug [ http://www.getfirebug.com ] + inline validator [ http://users.skynet.be/mgueury/mozilla/ ] are your best friends when it comes to this.

Originally Posted by tripy

firefox + firebug [ http://www.getfirebug.com ] + inline validator [ http://users.skynet.be/mgueury/mozilla/ ] are your best friends when it comes to this.

Thank you a lot, I had firebug, but I'm gonna get the inline validator, will surely help.

Oh and site is back online now. Servers went down there for a few mins.

Line 196, Column 7: end tag for "div" omitted, but OMITTAG NO was specified.

</html>

You may have neglected to close an element, or perhaps you meant to
"self-close" an element, that is, ending it with "/>" instead of ">".


Anyone knows how to solve this? Is anything wrong with the html tag?

Learning how to do HTML mark-up properly helps, you don't need nor should use a box of tricks to find your errors. God damned developers are getting lazy.

Use class not id if you're using the same CSS selector more than once.

Don't use divisions inside headings just to get a bullet, use the background property of the heading.

The validation is being thrown off because of Line 82

// <![CDATA[

There is absolutely nothing wrong with the CDATA line. The problem there is NOT the code, but the validator ! This is a known bug in the validator, so it's safe to ignore whatever it gripes about on CDATA.