| | |
Help with CSS url links on Multi pages
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
I have a site thewilliamsfamilytree.com.
If you go to the site. You see a bunch of text links on the left side.
My question is
how do i change or control everything in that menu from one CSS file? I would like to use that menu on every page of my site and edit all text and links at from one place.
If you go to the site. You see a bunch of text links on the left side.
My question is
how do i change or control everything in that menu from one CSS file? I would like to use that menu on every page of my site and edit all text and links at from one place.
Here's a quick example. Assuming that you have this external style sheet in your directory default.css -- and the rules would be:
Use the link element to reference it on your pages. Simply insert the code below between the head section of your (x)HTML document's...
hope this will help you for now...
css Syntax (Toggle Plain Text)
ul { list-style-type: none; line-height: 140%; margin-left: 1em; width: 100%; } li { display: inline; margin: 0.8em 0 0 0.8em; padding-left: 0.5em; line-height: 140%; width: auto; } li a:link { display: block; text-decoration: none; border-bottom: thin dashed; padding-bottom: 0.3em; } /* now try to reference it with your (x)HTML document's. */
html Syntax (Toggle Plain Text)
<link rel="stylesheet" type="text/css" href="default.css" media="all" />
•
•
Join Date: Oct 2008
Posts: 76
Reputation:
Solved Threads: 6
1. Save all the CSS in that menu, into a file, and call it menu.css.
2. Add this code to all of the files which have the menu in it:
<link rel="stylesheet" type="text/css" href="menu.css" media="all" />
Now all of the pages with that code in it, use that stylesheet and when you change that stylesheet all of the pages will change
2. Add this code to all of the files which have the menu in it:
<link rel="stylesheet" type="text/css" href="menu.css" media="all" />
Now all of the pages with that code in it, use that stylesheet and when you change that stylesheet all of the pages will change
Last edited by ccube921; Jan 5th, 2009 at 10:03 pm.
If I have been helpful add to my reputation!
![]() |
Similar Threads
- The most famous CSS web sites galleries in the world (HTML and CSS)
- Help with automatic update problem and more (Viruses, Spyware and other Nasties)
Other Threads in the HTML and CSS Forum
- Previous Thread: Image Position Moves on Resize of Window
- Next Thread: Borders
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form google griefers hackers hitcounter hover html ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping swf swf. textcolor timecolor titletags url urlseparatedwords visualization web webdevelopment webform website windows7





