Many CSS Problems
Ok, I'm trying to redo my CSS more correctly and cleaner. I fixed some problems, but tons came up. All the code validates, except for one bit that I don't understand.
Parse Error - .current { font-weight:bold; background-color:#0052FF; font-family:verdana, arial, geneva; color:#FFFFFF; font-size:15px; border:0; padding-top:0; padding-left:12px; padding-bottom:0; padding-right:12px; margin:0; }
Ok, the page is supposed to look like this (minus the borders around the nav bar and copyright:
http://www.bacsikdesigns.tk
But it looks like this:
http://www.angeltowns2.com/members/bassdesigns/2/index.html
CSS for the first page can be seen at: http://www.angeltowns2.com/members/bassdesigns/style.css
And the second at http://www.angeltowns2.com/members/bassdesigns/2/style2.css
But it looks like this, and I don't know why. I've check all the things that would be obvious to me, but I have no idea why stuff won't go 100%, have a correct background color, or be the right font! I'm at a loss. Someone, help!
Veter posted this at 20:09 — 10th July 2004.
He has: 18 posts
Joined: Jul 2004
You can use just padding:0 12px 0 12px; don't need to use padding-everything etc.
font-family: should be ended with sans-serif or serif.
In your case it will be:
font-family:verdana, arial, geneva, san-serif;
I dont get what you need.
Do you need to have gray background with blue rollovers? Or Blue background with gray?
-= B2Netsolutions Inc. =-
-= Professional website design services - Cheap website hosting =-
Dragon of Ice posted this at 21:23 — 10th July 2004.
He has: 578 posts
Joined: Jun 2004
I would appreciate someone telling me why this stuff won't work, and if possible, why.
I assume it goes
padding: "top" "left" "bottom" "right"
Is the not having a general font the reason for the parsing error?
I'ts supposed to have a grey background with blue rollovers
Veter posted this at 21:49 — 10th July 2004.
He has: 18 posts
Joined: Jul 2004
It goes "top" "right" "bottom" "left"
You forgot to add ; before margin:0;
It should be:
Simple rolovers css:
Change the colors and values for your site design.
and in html file use this:
-= B2Netsolutions Inc. =-
-= Professional website design services - Cheap website hosting =-
Veter posted this at 21:54 — 10th July 2004.
He has: 18 posts
Joined: Jul 2004
Yo.
You forgot to close this class
should be:
-= B2Netsolutions Inc. =-
-= Professional website design services - Cheap website hosting =-
Dragon of Ice posted this at 02:41 — 11th July 2004.
He has: 578 posts
Joined: Jun 2004
Thank you very much. I learned that it helps (if not necessary) to put div.class or span.class. You fixed all the problems, and the template looks great! Thank you again, but don't expect no more questions! I'm full of 'em!
Veter posted this at 10:56 — 11th July 2004.
He has: 18 posts
Joined: Jul 2004
lol!
Any time
Dragon of Ice posted this at 19:11 — 11th July 2004.
He has: 578 posts
Joined: Jun 2004
You'll see that in the right-hand corner, there is a small grey square. It has something to do with my footer, but I'm not sure why it's there.
Veter posted this at 19:27 — 11th July 2004.
He has: 18 posts
Joined: Jul 2004
What site i should look?
http://www.angeltowns2.com/members/bassdesigns/2/index.html ?
Dragon of Ice posted this at 20:44 — 11th July 2004.
He has: 578 posts
Joined: Jun 2004
Ugh. Too much stuff go on make Dragon 'fused. Drag'n 'get to put link!
http://www.bacsikdesigns.tk
That's where all the most recent works will be
Veter posted this at 22:45 — 11th July 2004.
He has: 18 posts
Joined: Jul 2004
Remove all from there. It will fix your layout.
Also few more suggestions for your code:
should be
instead of use
dont use tag. Use css classes instead.
-= B2Netsolutions Inc. =-
-= Professional website design services - Cheap website hosting =-
Dragon of Ice posted this at 01:29 — 12th July 2004.
He has: 578 posts
Joined: Jun 2004
I'm afraid that removing the 's did not fix my problem. At least not in safari, anywho.
Suzanne posted this at 15:04 — 12th July 2004.
She has: 5,507 posts
Joined: Feb 2000
I don't suppose you've taken a gander at the resources that have been recommended to you repeatedly?
VALIDATE YOUR CODE.
USE STANDARDS.
It's very difficult to help someone with layout and other issues when to do so requires wading through broken non-standard code.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.