What's new

Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Reply to thread

Message

Hey, Rick

Not sure what you mean about changing a menu...do you mean a different menu on different pages (or sections) of your site?

Sure, you can. That's the "cascade" part of cascading stylesheets. Say you want the menu, and only the menu, to change. Assuming you're linking to an external stylesheet which has the global site styles, you'd put the changes in either an internal stylesheet, below the external link in your html, or link to a separate external sheet, again listed below the main one. Like this:
[code]<head>
<link href="yoursheet.css" rel="stylesheet" type="text/css">
<style type="text/css">
#nav {
color: #0f0;
background-color: #000;
}
</style>
</head>
[/code]
The linked sheet would have the global styles that will show on this page too, except for the changes you made in the internal stylesheet, which "cascade" down and overrule the first sheet.

<blockquote data-quote="AppleCider" data-source="post: 17499" data-attributes="member: 162">Hey, Rick <img src="https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f642.png" class="smilie smilie--emoji" loading="lazy" width="64" height="64" alt=":)" title="Smile&nbsp; &nbsp; :)"&nbsp; data-smilie="1"data-shortname=":)" />Not sure what you mean about changing a menu...do you mean a different menu on different pages (or sections) of your site?&nbsp;Sure, you can. That&#039;s the &quot;cascade&quot; part of cascading stylesheets. Say you want the menu, and only the menu, to change. Assuming you&#039;re linking to an external stylesheet which has the global site styles, you&#039;d put the changes in either an internal stylesheet,&nbsp; below the external link in your html, or link to a separate external sheet, again listed below the main one. Like this:[code]&lt;head&gt;&lt;link href=&quot;yoursheet.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;&lt;style type=&quot;text/css&quot;&gt;#nav {color: #0f0;background-color: #000;}&lt;/style&gt;&lt;/head&gt;[/code]The linked sheet would have the global styles that will show on this page too, except for the changes you made in the internal stylesheet, which &quot;cascade&quot; down and overrule the first sheet.</blockquote>

[QUOTE="AppleCider, post: 17499, member: 162"] Hey, Rick :) Not sure what you mean about changing a menu...do you mean a different menu on different pages (or sections) of your site? Sure, you can. That's the "cascade" part of cascading stylesheets. Say you want the menu, and only the menu, to change. Assuming you're linking to an external stylesheet which has the global site styles, you'd put the changes in either an internal stylesheet, [b]below[/b] the external link in your html, or link to a separate external sheet, again listed below the main one. Like this: [code]<head> <link href="yoursheet.css" rel="stylesheet" type="text/css"> <style type="text/css"> #nav { color: #0f0; background-color: #000; } </style> </head> [/code] The linked sheet would have the global styles that will show on this page too, [i]except[/i] for the changes you made in the internal stylesheet, which "cascade" down and overrule the first sheet. [/QUOTE]

Verification: What is our favorite program/app? (Hint - it begins and ends with the letter P)

Search

Search

Reply to thread