Many CSS Problems

He has: 578 posts

Joined: Jun 2004

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's picture

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?

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's picture

He has: 18 posts

Joined: Jul 2004

It goes "top" "right" "bottom" "left"

Quote: Parse Error - .current { font-weight:bold; background-color:#0052FF; font-family:verdana, arial, geneva, sans-serif; color:#FFFFFF; font-size:15px; border:0; padding:0 12px 0 12px margin:0; }

You forgot to add ; before margin:0;
It should be:

Quote: padding:0 12px 0 12px; margin:0;

Simple rolovers css:

Quote:
span.rollmenu a {
font-size:12px;
font-weight:bold;
padding: 3px 10px 3px 10px;
text-align:center;
text-decoration: none;
color: #fff;
background-color: transparent;
}
span.rollmenu a:hover {color:#000;background-color: #eee;text-decoration: none;}

Change the colors and values for your site design.

and in html file use this:

Quote:
Home
Home2
Home3

Veter's picture

He has: 18 posts

Joined: Jul 2004

Yo.

Quote: .nav {
width:100%;
height:1.2em;
background-color:#D2D2D2;
border:0;
padding:0 5px 0 10px;
margin:0;

You forgot to close this class Wink

should be:

Quote: .nav {
width:100%;
height:1.2em;
background-color:#D2D2D2;
border:0;
padding:0 5px 0 10px;
margin:0;
}

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! Smiling

Veter's picture

He has: 18 posts

Joined: Jul 2004

lol!

Any time Smiling

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's picture

He has: 18 posts

Joined: Jul 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's picture

He has: 18 posts

Joined: Jul 2004

Quote:

  • Do I want more customers?
  • Do I want a way for people anywhere to find information about me or my business?
  • Do I want to reach out and touch a broader customer base?
  • Do I have a niche market that people would search for on the internet?
  • Do I live in a tourist town, where people travel?

Remove all from there. It will fix your layout.

Also few more suggestions for your code:

Quote:

  • Up to 12 Custom Web Pages
  • should be

    Quote:

  • Up to 12 Custom Web Pages
  • instead of use

    dont use tag. Use css classes instead.

    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's picture

    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.