/    Sign up×
Community /Pin to ProfileBookmark

CSS Frames linking

Copy linkTweet thisAlerts:
Sep 20.2011

I’m starting to learn from the tutorials on how to creates frames with CSS and finally got my first page. I didn’t find alot of info on this problem during a search so maybe you can help. I know in HTML frames you can specify something like this:

[CODE]<a href=”/index/htm” target=”content”>Link</a>[/CODE]

I have div containers which are header, left navigation, content, and footer. Maybe CSS frames are different.

How do you accomplish this?

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@tracknutSep 20.2011 — I've never heard of "CSS Frames" - do you have a reference for what you're trying to implement?

Normally in 2011, to do a header/navigation/content/footer page, you'd use "includes" to include separate files for the header, navigation and footer sections into unique pages with the content on them. Look up PHP Includes or SSI for details.

Dave
Copy linkTweet thisAlerts:
@ecrossauthorSep 20.2011 — Here is a sample of css frames.

This page [B]here[/B] is more what I'm after with linking and not using HTML frames.
Copy linkTweet thisAlerts:
@tracknutSep 20.2011 — Personally I would avoid that "css frames" method - it looks like an attempt to make frames pages the way they looked in 1995. It just looks olde-tyme today.

The example of the pet adoption site can be easily done with the divs and includes I describe above - that's the way I'd do it.

Dave
×

Success!

Help @ecross 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.18,
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: @nearjob,
tipped: article
amount: 1000 SATS,

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

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