Welcome to HostingForumz.com!
FAQFAQ    SearchSearch      ProfileProfile    Private MessagesPrivate Messages   Log inLog in

menu links on a css page

 
   Web Hosting Problem Solving Community! (Home) -> Webmaster RSS
Next:  Domain name..does it matter where I register?  
Author Message
ben

External


Since: Jan 01, 2007
Posts: 6



(Msg. 1) Posted: Sun Feb 11, 2007 12:54 pm
Post subject: menu links on a css page
Archived from groups: alt>www>webmaster (more info?)

hi everyone

i have started creating a webpage using css / xhtml, with a 3 pane
layout - logo along the top, then a small left column with links to
different pages, and a right column for the content

i have a quick question about how i can make different content appear
in the right column when the different links are clicked on the left
menu column? for example, about us, location , contact details..

i tried a javascript example (using the visibility variables) which
works to an extent, but if you click on a link twice the content
disappears and you have to click another link to get content back

id like to keep all the content in one file, instead of using
different htm pages for each thing

any ideas let me know? thanks

 >> Stay informed about: menu links on a css page 
Back to top
Login to vote
noxwebmasterx4

External


Since: Sep 21, 2004
Posts: 179



(Msg. 2) Posted: Mon Feb 12, 2007 1:18 am
Post subject: Re: menu links on a css page [Login to view extended thread Info.]
Archived from groups: per prev. post (more info?)

On Sun, 11 Feb 2007 12:54:42 -0800, ben wrote:

> hi everyone
>
> i have started creating a webpage using css / xhtml, with a 3 pane
> layout - logo along the top, then a small left column with links to
> different pages, and a right column for the content
>
> i have a quick question about how i can make different content appear
> in the right column when the different links are clicked on the left
> menu column? for example, about us, location , contact details..
>
> i tried a javascript example (using the visibility variables) which
> works to an extent, but if you click on a link twice the content
> disappears and you have to click another link to get content back
>
> id like to keep all the content in one file, instead of using
> different htm pages for each thing
>
> any ideas let me know? thanks

Try having a look here:
http://meyerweb.com/eric/css/edge/popups/demo.html
....not exactly your idea, but may be close enough for you to modify.

 >> Stay informed about: menu links on a css page 
Back to top
Login to vote
Andy Dingley

External


Since: Mar 24, 2006
Posts: 248



(Msg. 3) Posted: Mon Feb 12, 2007 3:25 am
Post subject: Re: menu links on a css page [Login to view extended thread Info.]
Archived from groups: per prev. post (more info?)

On 11 Feb, 20:54, "ben" wrote:

> i have a quick question about how i can make different content appear
> in the right column when the different links are clicked on the left
> menu column? for example, about us, location , contact details..

Put them on different pages, in separate .html files.

Instead of trying to stick all the content into one file, instead have
lots of files and share the stuff that needs to be shared (i.e. the
menus). Web searching will tell you how. The CSS is already easily
shareable by having an external stylesheet. The "framework" of the
pages is trivial and easily shared by cut-and-paste when you first
create them


> id like to keep all the content in one file, instead of using
> different htm pages for each thing

Of course you can do this, but not with CSS -- it's just the wrong
layer of technology to do it, it's about presentation not content.

This is basically a bad idea and you shouldn't do it. Starting with
the separate things separate and adding a little extra to share the
shared stuff works far better. The problem is that you're working hard
to re-invent frames without actually using frames, so you get most of
their disaadvantages too.

If you _must_ do it, then JavaScript and flipping the CSS display
property can do it quite well, provided that the user's browser is in
a mood to co-operate. You can even do it with pure CSS popups, but
these are very inflexible as to how much you can "pop". You could
also use an <iframe>, which is probably the best of these basically
wrong-headed approaches.
 >> Stay informed about: menu links on a css page 
Back to top
Login to vote
ben

External


Since: Jan 01, 2007
Posts: 6



(Msg. 4) Posted: Mon Feb 12, 2007 3:32 am
Post subject: Re: menu links on a css page [Login to view extended thread Info.]
Archived from groups: per prev. post (more info?)

thanks for your replies... the first option looks cool but is it
possible to get an action after a click not a hover???

second post... after thinking about it i think you have a good
point... the layout code isnt all that long so i could just use
different pages and use a href links to each page...

i will be playing round with it today....... thanks
 >> Stay informed about: menu links on a css page 
Back to top
Login to vote
Chaddy2222

External


Since: Jul 30, 2006
Posts: 107



(Msg. 5) Posted: Mon Feb 12, 2007 5:42 am
Post subject: Re: menu links on a css page [Login to view extended thread Info.]
Archived from groups: per prev. post (more info?)

On Feb 12, 7:54 am, "ben" wrote:
> hi everyone
>
> i have started creating a webpage using css / xhtml, with a 3 pane
> layout - logo along the top, then a small left column with links to
> different pages, and a right column for the content
>
> i have a quick question about how i can make different content appear
> in the right column when the different links are clicked on the left
> menu column? for example, about us, location , contact details..
>
> i tried a javascript example (using the visibility variables) which
> works to an extent, but if you click on a link twice the content
> disappears and you have to click another link to get content back
>
> id like to keep all the content in one file, instead of using
> different htm pages for each thing
>
> any ideas let me know? thanks
PHP includes should do what you want, try out the following code.
<?php include("somefile.php"); ?>
I hope that helps.
--
Regards Chad. http://freewebdesign.cjb.cc
 >> Stay informed about: menu links on a css page 
Back to top
Login to vote
Display posts from previous:   
Related Topics:
@page, @frame and menu - Hello, I would like to make a page with a menu on the left and some html pages on the right. I don't want to have to change the right pages when I upload new ones, they are exported Gnucash reports. Which is best way to do it ? I've seen that @page and....

Menu disappears briefly in IE on page change - Hello, My website is written in PHP and I tried all possible header cache settings but couldn't solve this one out: The website has a menu on top with several buttons navigating to subpages. Each of them has the same menu on top. The problem is that..

Links page update - http://www.aww-faq.org/aww-links.html I've deleted all the dead links and added a couple of new ones. If you have any links you'd like added, post them here or email me. -- Red E. Kilowatt Advertise your webmaster-related products and services in..

Requests for Links to my page - I have had some requests from people to link to our webpage. Some merely want to link to our home page others would like to link directly to product pages so that customers could order directly on their site and then charge their prices. I am not..

Question: Pinpointing Links from one page to another - I have an elementary question to you web authoring pros. I use Netscape Composer to write my pages. I know how to link to a graphic or text area within a page from within the same page. What I'd like to be able to do is be able to link to a specific area...
   Web Hosting Problem Solving Community! (Home) -> Webmaster All times are: Pacific Time (US & Canada) (change)
Page 1 of 1

 
You can post new topics in this forum
You can reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum



[ Contact us | Terms of Service/Privacy Policy ]