/    Sign up×
Community /Pin to ProfileBookmark

Need help with building a style sheet

Copy linkTweet thisAlerts:
Jul 28.2007

I haven’t worked much with making style sheets that separate my design from the rest of my page content.
I want my main layout of my page (the top banner, including navigation bar, hover links, drop down menu, etc.) to be separate from the page content (everything that will go below it).
I’m not sure how to go about doing that. I’ve created a style sheet and written my css, and I’ve been able to apply that to a seperate document by using the <link> properties. But I need to also be able to include javascript as well as the div layout in that css document. Is this possible? Am I able to have more than one type in a style sheet?
If so, how can I go about doing that?

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@byeeeJul 29.2007 — CSS files hold css, not javascript. Quite obvious, it would seem.

JS files hold javascript, and just as you use <link> for CSS files,
&lt;script type="text/javascript href="URL"&gt;&lt;/script&gt; would do the trick for JS files.

I don't understand what you mean by your 'div layout'. Could you explain?
Copy linkTweet thisAlerts:
@WebJoelJul 29.2007 — ....I want my main layout of my page (the top banner, including navigation bar, hover links, drop down menu, etc.) to be separate from the page content (everything that will go below it).....[/QUOTE] Sounds as if you are describing an SSI or *php. You set up one page with the 'banner and basic navigation' as a seperate, single page, and for every 'content' page you merely place a <link> to this 'banner & nav page' to appear above the content. That way, 50, 100 or more pages of 'content' and only one 'banner & navigation' page to every have to worry about.

Someone here a bit more proficient with 'Server-side includes' and/or *php will provide the correct coding (I'd not get it right from memory and have nothing archived to demonstrate).
Copy linkTweet thisAlerts:
@ray326Jul 29.2007 — There are at least a couple of types of "separation." What you're describing is a global vs local separation of content. That is done using some form of template which in its best form uses server side includes of some type. The separation of content and presentation via CSS is a completely different thing.
Copy linkTweet thisAlerts:
@stuckwithpinsauthorJul 31.2007 — Yeah, I wasn't sure what it was actually called, so I didn't know how to search for any types of help. Using a CSS file linked to my other pages seemed the most relative, but I guess I'm wrong.

So now that I know it's an SSI, does anyone have an tips or websites to help me on building that sort of coding?
Copy linkTweet thisAlerts:
@ray326Aug 01.2007 — Here's a server-based SSI tutorial.

http://httpd.apache.org/docs/1.3/howto/ssi.html
Copy linkTweet thisAlerts:
@stuckwithpinsauthorAug 09.2007 — I'm very confused on how to get this to work.

For the most part, I'm able to understand how to code something once I'm given a how-to. But this is difficult for me.

I don't understand how to configure my server to allow SSI coding.

If someone could please break it down into a way that I can understand easier, it would be really helpful.
×

Success!

Help @stuckwithpins spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...