Solved

CSS Navigation to replace frames

Posted on 2010-08-15
11
312 Views
Last Modified: 2012-05-10
I am very new to CSS but I can manage most simple tasks.  I currently have a website that uses CSS to format a set of navigation links.  Prior to CSS, I would have created a frames page to display the navigation menu... therefore, I would only add/change/modify links and references in one place.  How can I accomplish the same with CSS, or is it even possible?
0
Comment
Question by:christopher_perry
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
  • 3
  • +1
11 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 33443152
Hi christopher_perry,

You can certainly use CSS to style HTML into a menu but CSS cannot replace the functionality of frames.  Instead, you would need to put the HTML of the menu into a separate file and call that file with server side includes.
0
 

Author Comment

by:christopher_perry
ID: 33443187
jason, can you provide me with a small example of how to do this?  I'm not a web programmer, but a simple example should be enough for me to transform into a workable solution.
0
 
LVL 13

Expert Comment

by:qwerty021600
ID: 33443232
Refer to this link.
i think this is what u want
http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 33447066
>> jason, can you provide me with a small example of how to do this

Which "this"?  The menu code or the server side include?
0
 
LVL 16

Expert Comment

by:s8web
ID: 33449716
Christopher, we will need to know what server language(s) you have available to answer this properly. Server side includes are easy if you are using php, cfm, or asp. It is also possible (but not recommended) to do this with javascript.
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 250 total points
ID: 33449719
You can also do it with plain old Apache SSI calls :)
0
 
LVL 16

Expert Comment

by:s8web
ID: 33449726
Oops, missed one :)
0
 

Author Comment

by:christopher_perry
ID: 33470831
Hey all - sorry, had a stomach bug so I haven't touched the computer in a couple of days.  I'll be working on your proposed solutions tonight and update this request when I'm done!  Thanks!
0
 

Author Comment

by:christopher_perry
ID: 33470856
I am most familiar with ASP, but even then my knowledge is minimal at best.  My day-to-day job functions relate to back-end programming, so I rarely touch UI stuff.
0
 
LVL 16

Assisted Solution

by:s8web
s8web earned 250 total points
ID: 33480834
So the server that is hosting this page is running asp?

An include is a file that is called at runtime. The contents of the file are written in place of the call. This is your easiest solution. Here's a page that has instructions on how to include a file in asp - http://www.w3schools.com/asp/asp_incfiles.asp

0
 

Author Closing Comment

by:christopher_perry
ID: 33480888
Guys, thanks for the advice. I used server side includes and aspx pages to accomplish my goals. Everything is working well!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

734 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question