Link style problem

[Brendon Bauer]

If you go to my website you'll see the menu at the top of page. That is how the menu should be formatted.

If you click on "Discussion Board" you'll see that the phpbb3 forum theme is causing the links in the menu to get bigger and whatnot. I can't figure out how to stop that from happening.

I've tried adding a class to the menu links and set the style specifically for that class, but that doesn't stop it.

EDIT: Solved

 

[Brendon Bauer]

No idea? I don't mean to be impatient

 

[angelwatt]

An impatient one indeed

That was a frustrating problem though. It was bugging me that I couldn't tell why, but finally figured it out. It's all in the font-family. The PhpBB added some style (style.php) to the body tag, namely this line,

font-family: Verdana, Helvetica, Arial, sans-serif;

Verdana is a bigger font and the rest of your site doesn't use it. Since your navigation and other style sheets don't declare the font family for them this stlye was getting thrown in. So the solution is to either edit PhpBB's style.php file or in your sunset.css file, specifically declare font family on body and probably the navigation.

 

[Brendon Bauer]

I never would have guessed... Thanks so much! That did it!

 

[SrWebDeveloper]

I dealt with issues like that when I ported phpBB to our web portal at work, and I had to edit certain global CSS selectors and also make sure I linked certain crucial portal CSS files after the phpBB ones, taking advantage of the cascade. What bothers me about phpBB themes (skins) is sometimes third party inexperienced authors use tons of inline CSS which makes it even harder to resolve (as that cascades over any linked styles or those declared in the head area of your HTML).

-jim

 

[Brendon Bauer]

So in CSS is it the last style to get parsed that takes precedence over anything before it? For example if in the page header you had:

<link href="mine.css" rel="stylesheet" type="text/css" media="screen" />
<link href="theirs.css" rel="stylesheet" type="text/css" media="screen" />

and in mine.css you declared the body {} font to be arial, but in theirs.css the body {} font was sans-serif. Would this mean that the browser would use sans-serif, because it came last?

 

[angelwatt]

Would this mean that the browser would use sans-serif, because it came last?

Correct. The priority of the CSS can be a little tricky at times. I found this page, which does a decent job explaining it.

 

[Brendon Bauer]

Thanks for the info and help