Solved

CSS Navigation to replace frames

Posted on 2010-08-15
11
311 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
  • 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
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!

 
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

Industry Leaders: 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

Title # Comments Views Activity
Bootstrap list items overlap 3 35
dynamic created check uncheck boxes 6 41
Any Way to rotate banner ads from Commission Junction? 2 36
Text color in a select 11 22
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

740 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