Page styles override CSS for suckerfish menu

	Home Register Search Help Login

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Page styles override CSS for suckerfish menu

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> General Web Development >> Page styles override CSS for suckerfish menu

Page: [1]


Starhugger Posts: 661 Joined: 4/12/2005 From: Canada Status: offline	Page styles override CSS for suckerfish menu - 5/23/2009 23:58:39 I'm trying to use a Son of Suckerfish dropdown menu as a shortcut between sets of similar articles on my site. The dropdown links are styled differently from the rest of the page, and are controlled by a DIV (ddmenu). But for some reason, the link style for the rest of the page keep overriding the dropdown link style. I can get it to work when I display just the menu in the browser, but when I pull it into the main page as a PHP include, I lose the dropdown styles. I'd appreciate it if someone could take a look and see if you see what's going wrong. Just so you don't have to go hunting for them, here are links to: - the main page that pulls in the menu, - the raw code page with the dropdown menu code that's pulled in using PHP, - the same menu code but with the HTML around it showing what the menu is supposed to look like, - the CSS just for the dropdown menu, and - other CSS files for the main page: site defaults, various global styles, the css for the headers and footers, more styles for just the article pages and the colour scheme for the main page. Thank you in advance if anyone could please take a look at it and give me an idea where I'm going wrong. Starhugger

Tailslide

Posts: 6758
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

RE: Page styles override CSS for suckerfish menu - 5/24/2009 2:31:03

Just on my way out so can't check properly but the way to get around it is specificity. Ensure the div that the menu is in has an id and then create styles for the contents related to that id so you'd have something like:

#nav ul li a:link, #nav ul li a:link {whatever}
#nav ul li a:focus, #nav ul li a:hover, #nav ul li a:active  {whatever}

As long as you're specific enough you'll get the rule to work. Otherwise you'll find a rule like

a:link {whatever}

will overrule it as it applies to all links on the page

_____________________________

Little Blue Plane Web Design | Land Rover project

(in reply to Starhugger)


Starhugger Posts: 661 Joined: 4/12/2005 From: Canada Status: offline	RE: Page styles override CSS for suckerfish menu - 5/24/2009 12:03:21 I always seem to catch you running out the door. Thanks for your suggestion. I realized I wasn't canceling out the border-bottom that I had specified for the page's links. As soon as I specified no border for links within the menu DIV, and added a bunch more a:link and a:hover to cover the instances when the styles should be applied, it worked! Many thanks. SH (in reply to Tailslide)