Nav Bar labels
I am trying to create a Navigation Bar with up and down
images. I would also like to have the page names on the images. Do
I need to create a separate up and down image for each page? Or is
there a way to add the label to the nav bar graphic in Dreamweaver
8?
Thanks,
John Presler
Miami, OK
"Toniktukahwo" <[email protected]> wrote in
message
news:eo3r1r$1vm$[email protected]..
>I am trying to create a Navigation Bar with up and down
images. I would
>also
> like to have the page names on the images. Do I need to
create a separate
> up
> and down image for each page? Or is there a way to add
the label to the
> nav bar
> graphic in Dreamweaver 8?
You need a separate up and down image for each "button".
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet
Similar Messages
-
Spry Navigation 2.0 - Spacing for div for nav bar
Hello:
I am once again working on an navigation bar that renders somewhat differently in various browsers (problems with IE 8 & 6). The navigation is to fit into a div that is bordered by a gold coloured border top and bottom (top border is attached to the header). The problem is one of calculating the appropriate height based on the settings for the custom nav css file. I have taken the font size, padding (top and bottom) and border (top and bottom) together with padding on the overall container of the nav bar. Accordingly I have set the height of the navigation container div at 41px. In most browsers this works fine, however there are some glitches that cause excess white space to appear either above the navigation bar or below it, thus separating the border from the navigation bar.
The url for the site is http://socls.org/PCLC-testing/CorePages.html
I have included the css for the custom nav settings, and the css relating to the navigation in the general css file as well as a screen shot of IE 8.
Thanks for any help in advance.
Steve.
The custom nav css is as follows:
@charset "UTF-8";
/* CSS Document */
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
background-color:#7888c7;
font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: normal;
font-size: 17px;
font-style: normal;
padding:0;
border-color: #4457a2 #333366 #2c3868 #4457a2;
border-width:3px;
border-style: none none none none;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
padding: 0px 24px 0px 0px;
background-color:#7888c7;
border-width:3px;
border-color: #8899cf #566a99 #333366 #8899cf;
border-style: solid solid solid solid;
#MenuBar .MenuItemFirst {
border-style: solid solid solid solid;
#MenuBar .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#331e0d;
background-color:#7888c7;
padding: 6px 15px 6px 39px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
font-style: normal;
background-color:#7888c7;
padding:0px 2px 0px 0px;
border-width:3px;
border-color: #8899cf #333366 #333366 #8899cf;
/* Border styles are overriden by first and last items */
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemFirst {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:center;
line-height:1em;
background-color:#7888c7;
color:#331e0d;
padding: 6px 12px 6px 5px;
white-space:normal;
width: 210px;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #3b4b8d;
border-color: #5266b7 #14192f #14192f #5266b7;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #3b4b8d; /* consider exposing this prop separately*/
color: #fefefe;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: #3b4b8d;
color: #fefefe;
#MenuBar .SubMenu .MenuItemHover {
background-color: #3b4b8d;
border-color: #5266b7 #14192f #14192f #5266b7;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #3b4b8d;
color: #fefefe;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color: #7888c7;
min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #3b4b8d #3b4b8d #3b4b8d #3b4b8d;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: #7888c7;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #3b4b8d; /* consider exposing this prop separately*/
color: #fefefe;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #3b4b8d; /* consider exposing this prop separately*/
color: #fefefe;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
The css for the page in general (as it relates to the navigation bar) is:
#main_nav_contents {
width: 960px;
height: 41px;
position: relative;
padding-left:0px;
border-bottom: 3px solid #C56F2C;Hello Again:
Based on some recalculations I realized that with a font size of 17px, 6px padding (top and bottom = 12px) and 3 px border (top and bottom =6) that the height of the nav container should be 35px; I have change the general style sheet to reflect that change, but still have rendering problems accross browsers.
To perhaps add clarity, the following is a screen shot of how it appears in most browsers, and how I intended it should look.
Thanks (again) in advance for any help that can be offered. Steve. -
I have created a Fireworks nav bar with drop down menus. Can't get the weblinks to save.
I have been trying to add the web addresses in my Fireworks nav bar drop down menus. I can't get them to "take". I add the address, click done and some of them save and some don't. I am pulling my hair out! HELP!
the easiest way is constructing your menu with frame labels
now i have no way of knowing how you are constructing it ..so
this may not work for you ...i assume that you have created a main
button ...that has been converted into a symbol & then
duplicated to create all other buttons
okay here it goes ..i hope i dont confuse you
i will explain how to create 1 button with 4 submenu items
with the trems that i mentioned above
but iam not going to explain all the details of creating a
whole nav bar
because it just takes too much typing ...i assume you already
know this
sooo ! ...lets say this is the Portfoio button ...inside the
symbol now
create 8 layers ...the order is going from top to bottom
actions
labels
submenu Logos
submenu Illustration
submenu Animation
submenu Coolstuff ."you will name your button items how you
like" ...
main button....lets just say Portfolio !
invisible btn for main button
so now on with the hard stuff
create 20 frames ...stop action on frame 1 ...frame 9
...frame 20
on the labels layer now ....name frame1 "Closed" ...frame 10
"Open"
on the submenu Logos layer ...create a keyframe on frame 10
all frames before the 10th frame will be blank frames
repeat that for the rest of the submenu items
on the main button layer you will just place the main
Portfolio button on frame 1
& on the invisible button layer ..the inv btn is going to
be placed on frame 10
all this is iam hoping your have converted everything into1
symbol
all you need to do know is attach code to the main Portfolio
button & the invisible button
so click on the Portfolio button
on (rollOver) {
gotoAndStop("open");
invisible button
on (rollOver){
gotoAndPlay("closed");
& that should be good ...very simple !
then just repeat this process for every button that makes up
your nav bar ....& it doesn't matter if your inv buttons
overlap each other or your main nav buttons are touching each other
peace John -
i have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code? thank you!
i inherited the website. It’s for a non-profit and is not very
sophisticated, and neither am I in webdesign. It currently has multiple
pages that are identical except for that body section, so whenever i change
the navigation (in the sidebar) I have to update every html page. I want
to have one basic page, and just call in the different body content based
on the link the user selects from the nav bar. How can i do that using a
script? i am using Dreamweaver.
~ in love and light ~
Jeannie
On Sat, Feb 7, 2015 at 4:07 AM, Ben Pleysier <[email protected]> -
Hi
I am currently making a website and I have created a nav bar
in fireworks using slices and pop-up menus etc. Anyway I have
imported it to my website in Dreamweaver, but I cant figure out how
to make a hyperlink from the from down and nav bar buttons to the
corresponding page. Do I make the links in Fireworks? If so, how?
In Dreamweaver also how?
Any help much appreciated, thanks.It would be easiest to add the hyperlinks in Fireworks, which
you can do in the pop-up menu editor (same place you entered the
text for the buttons).
If you wanted to add the links in Dreamweaver you'd have to
do it in source-code view. Search for the text that you entered for
the button name, and Fireworks should have entered a pound/hash
symbol (#) for your link (don't quote me on that though). Replace
that with your page link and you should be good to go.
Someone should be along shortly to tell you that the
Fireworks menus suck though, so stand by for that. -
Hi, I am trying to create a page that is 800 px wide with a
nav bar that is also 800 px wide but the nav bar seems to increase
by 21px when it is exported out of fireworks and then imported into
dreamweaver. This then forces the rest of the page out by 21px. I
have tried deleting the spacers fireworks creates and just resizing
the table itself but this does not help. I have coloured the
background of the header black to illustrate this. Please find my
problem at
http://www.cambridgestainedglass.co.uk/
. Thanks in advance>>when it is exported out of fireworks and then
imported into dreamweaver
Sorry to say but that is likely the cause of all your
problems. Exporting
anything but single images (i.e. HTML) from Fireworks,
Photoshop, etc. is a
poor practice as those apps create very wonky HTML code. I
suggest you go
back to FW, export single images/slices only and then build
the nav bar in
DW.
But DO NOT use the built-in DW menus either. Either code your
own menus (nav
bar) or use an add-on like the P7 stuff.
Walt
"Stefan83" <[email protected]> wrote in
message
news:f87dqu$nps$[email protected]..
> Hi, I am trying to create a page that is 800 px wide
with a nav bar that
> is
> also 800 px wide but the nav bar seems to increase by
21px when it is
> exported
> out of fireworks and then imported into dreamweaver.
This then forces the
> rest
> of the page out by 21px. I have tried deleting the
spacers fireworks
> creates
> and just resizing the table itself but this does not
help. I have coloured
> the
> background of the header black to illustrate this.
Please find my problem
> at
>
http://www.cambridgestainedglass.co.uk/
. Thanks in advance
> -
I created site in iweb 08 and posted to netfirms... the pages are all loaded up but there is no nav bar, where the nav bar should be is only a small black dot on each page. How do I get the nav bar to load up and show? It was a disaster loading up my site as it changed the case of the letters and at first no pages were seen, so I had to go through and change the letters that were supposed to be cap, back to cap in every file. I don't know if this has something to do with it or not. The tech support doesn't have an answer. Please let me know if you have any ideas and solutions. Thanks bunches!
Here are links to the simple 7 pages....
http://www.rednosedesign.net/home.html
http://www.rednosedesign.net/about_us.html
http://www.rednosedesign.net/logos.html
http://www.rednosedesign.net/flyers_&_ads.html
http://www.rednosedesign.net/notecards.html
http://www.rednosedesign.net/business_cards.html
http://www.rednosedesign.net/contact_us.html -
How do i edit the links in the top nav bar on an enterprise wiki site?
I would like to edit and change the links in the top nav bar on my enterprise wiki.
Currently the links are "About this wiki" and "Recent" a drop down menu with links.
I would like to change "About this wiki" to a "Home" page link and remove the "Recent" drop down menu and links. I also would like to be able to add more links to the to the top nav bar.
I there anyway I can do this one an enterprise wiki site?
Thanks
James T.FHi,
According to your post, my understanding is that you wanted to edit the links in the top navigation bar on an enterprise wiki site.
I try to reproduce the issue, however, my enterprise wiki site don’t have the drop down menu.
How did you add the Recent link?
How did you create the drop down menu?
Did you use the seattle master page or olso master page?
It will be better if you can descript more detail and provide some screenshots.
You can use JavaScript to add and remove the items in the drop down menu.
More information:
Add items in Drop Down List or List Box using Javascript
Asim Sajjad: DropDownList Add/Remove Item Using Javascript
HTML DOM Select remove() Method
Best Regards,
Linda Li
Linda Li
TechNet Community Support -
Is there I can get a navagation bar from this website and put it on this one but get it all working?
I have the nav bar on the website but it tries to locally link to the webite making it un-avilable... any help would be appriciated...
I orignally took this code from serif X4 and put it into dreamweaver...if you need to look at all the code here you go:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en-us">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus X4 (12.0.5.033)">
<title>Better Community News - Montrose, Grand Junction, Delta & Western Colorado</title>
<meta name="keywords" content="Better Community News | Local News | Entertainment | FREE CLASSIFIED ADS | Events | Advertising | Local Stories | Grand Junction, Montrose, Delta, Hotchkiss, Cedaredge, Paonia, Nucla, Naturita, Norwood, Ridgway, Ouray, Telluride, Colorado, CO">
<meta name="description" content="Better Community News is the fastest growing & best source for local news & entertainment. | Local News | Entertainment | FREE CLASSIFIED ADS | Events | Advertising | Local Stories | Grand Junction, Montrose, Delta, Hotchkiss, Cedaredge, Paonia, Nucla, Naturita, Norwood, Ridgway, Ouray, Telluride, Colorado, CO">
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Refresh" content="240;URL=index.html">
<meta name="robots" content="index,follow">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36182012-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<script type="text/javascript" src="wpscripts/jsNavBarFuncs.js"></script>
<script type="text/javascript" src="wpscripts/global_navtree.js"></script>
<script type="text/javascript" src="wpscripts/wp_navbar_textmenu.js"></script>
<link rel="stylesheet" href="wpscripts/wp_navbar_textmenu_H1.css" type="text/css">
<style type="text/css">
<!--
body {margin: 0px; padding: 0px;}
a:link {color: #0000ff;}
a:visited {color: #1f5b8b;}
a:hover {color: #2c3651;}
a:active {
color: #000000;
.Normal-P
margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400;
.Normal-P0
margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
.Body-Text-P
margin:0.0px 0.0px 8.0px 0.0px; text-align:left; font-weight:400;
.Normal-C
font-family:"Verdana", sans-serif; font-size:16.0px;
line-height:1.13em;
.Normal-C0
font-family:"Verdana", sans-serif; font-size:21.0px;
line-height:1.19em;
.Normal-C1
font-family:"Verdana", sans-serif;
font-weight:700;
font-size:21px;
line-height:1.19em;
color:#b60000;
.Default-C
font-family:"Verdana", sans-serif; font-weight:700; font-size:13.0px;
line-height:1.23em;
.Body-Text-C
font-family:"Verdana", sans-serif; font-size:13.0px;
line-height:1.23em;
.Default-C0
font-family:"Verdana", sans-serif; font-weight:700; font-size:11.0px;
line-height:1.18em;
.Default-C1
font-family:"Verdana", sans-serif; font-size:13.0px;
line-height:1.23em; color:#4487c6;
.Default-C2
font-family:"Verdana", sans-serif; font-size:8.0px; line-height:1.25em;
color:#4487c6;
.Default-C3
font-family:"Verdana", sans-serif; font-size:11.0px;
line-height:1.18em; color:#4487c6;
.Text-body-C
font-family:"Verdana", sans-serif; font-size:8.0px; line-height:13.0px;
.Text-body-C0
font-family:"Verdana", sans-serif; font-size:11.0px;
line-height:13.0px;
.Default-C4
font-family:"Verdana", sans-serif; font-size:8.0px; line-height:13.0px;
color:#4487c6;
.Default-C5
font-family:"Verdana", sans-serif; font-size:11.0px;
line-height:1.18em;
.Normal-C2
font-family:"Verdana", sans-serif; font-weight:700; font-size:13.0px;
line-height:1.23em; color:#b60000;
.Table-Contents-C
font-family:"Verdana", sans-serif; font-weight:700; font-size:12.0px;
line-height:1.17em;
.Text-body-C1
font-family:"Verdana", sans-serif; font-size:8.0px; line-height:1.25em;
.Heading-3-C
font-family:"Trebuchet MS", sans-serif; font-size:13.0px;
line-height:1.38em;
.Heading-3-C0
font-family:"Trebuchet MS", sans-serif; font-size:27.0px;
line-height:1.30em;
.Heading-3-C1
font-family:"Trebuchet MS", sans-serif; font-size:21.0px;
line-height:1.29em;
.Heading-3-C2
font-family:"Trebuchet MS", sans-serif; font-size:5.0px;
line-height:1.20em;
.Default-C6
font-family:"Verdana", sans-serif; font-size:13.0px;
line-height:13.0px;
.Default-C7
font-family:"Verdana", sans-serif; font-weight:700; font-size:11.0px;
line-height:1.18em; color:#4487c6;
.Strong-Emphasis-C
font-family:"Verdana", sans-serif; font-style:italic;
font-size:11.0px; line-height:1.18em;
.Strong-Emphasis-C0
font-family:"Verdana", sans-serif; font-weight:700; font-size:11.0px;
line-height:13.0px;
#txt_1623 a strong {
color: #000000;
font-size: 24px;
-->
</style>
<script type="text/javascript" src="wpscripts/jsFlashVer.js"></script>
<script type="text/javascript" src="wpscripts/jspngfix.js"></script>
<script type="text/javascript"><!--
var blankSrc = "wpscripts/blank.gif";
--></script>
<script type="text/javascript" src="../../includes/JQuerySlider/jquery.extend.js"></script>
<script type="text/javascript" src="../../includes/JQuerySlider/JQuerySlider.js"></script>
<script type="text/javascript" src="../../includes/JQuerySlider/JQuerySlider5.js"></script>
<link href="../../includes/JQuerySlider/JQuerySlider5.css" rel="stylesheet" type="text/css" />
<link href="Style Sheets/Text.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="includes/JQuerySlider/jquery.extend.js"></script>
<script type="text/javascript" src="includes/JQuerySlider/JQuerySlider.js"></script>
<script type="text/javascript" src="includes/JQuerySlider/JQuerySlider1.js"></script>
<link href="includes/JQuerySlider/JQuerySlider1.css" rel="stylesheet" type="text/css" />
</head>
<body text="#000000" style="background-color:#e9e8e8; text-align:center; height:2125px;">
<div style="background-color:#ffffff;text-align:left;margin-left:auto;margin-right:auto;positi on:relative;width:1024px;height:2125px;">
<div style="position:absolute; left:724px; top:0px; width:300px; height:172px;">
<img src="better-community-news.com/NewDirectory/wpimages/wpbbb6aaa6.png" width="300" height="172" border="0" id="pic_1314" name="pic_1314" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:86px; top:954px; width:263px; height:31px;">
<div id="frag_68" style="text-align:left;">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36182012-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</div></div>
<div style="position:absolute; left:0px; top:0px; width:668px; height:40px;">
<img src="better-community-news.com/NewDirectory/wpimages/wp74efab21.png" width="668" height="40" border="0" id="pic_385" name="pic_385" title="" alt="" onload="OnLoadPngFix()"></div>
<div id="site_search_3" style="position: absolute; top:5px; left:393px; width:208px; height:22px;"><form action="" onSubmit="return false;" style="margin: 0; padding: 0;">
<input id="site_search_3_input" name="site_search_3_input" onkeypress="if (event.keyCode==13) window.location.href='page203.html?site_search_results_1='+document.getElementById('site_ search_3_input').value+'&depth=0';" style="width: 113px;" type="text"><div style="display: inline"><button onclick="window.location.href='page203.html?site_search_results_1='+document.getElementBy Id('site_search_3_input').value+'&depth=0';" style="width: 83px;">Search</button></div>
</form></div>
<script type="text/javascript" id="nav_205_script"><!--
try {
var navtree_nav_205 = WpNavBar.getNavTreeTopLevel( global_navtree, {m_sThisPageUrl:'index.html',
m_sNavBarTarget:'_self',
m_bIncludeAnchors:false,
m_bFlash:false,
m_bIncludeChildren:true,
m_bHideCurrent:false} );
if( !navtree_nav_205 ) throw WpNavBar.getErrorObj( 'Link tree could not be read please contact the website owner. ' );
var nav_205 = new wp_navbar_textmenu("nav_205", navtree_nav_205, {'m_bPopupBelow':1,'m_bPopupRight':1,'m_iTimeOut':500,'m_iPopupAlignmentH':0,m_sId:'nav_2 05',
m_sScriptId:'nav_205_script',
m_iLeft:19,
m_iTop:4,
m_sCssClass:'wp_navbar_textmenu_H1',
m_iWidth:335,
m_iHeight:22}, {'m_iMaxCssLevel':1,
top:{'m_sPrefix':'','m_sSpacerText':'|','m_sPostfix':'','m_bNumbersOnly':false,
link:{'m_sPrefix':' ','m_sPostfix':' '}},
level1:{'m_bFirstPopupSameSize':true,'m_iMinWidth':100,'m_iFirstPopupOffset':1,'m_iInterP opupOffset':1,'m_iOpacity':100,'m_bFade':true,'m_iFadeSpeed':5,
separator:{'m_bAllowSeparators':true}}});
} catch(e){
document.write( '<div style="position:absolute;left:19;top:4;width:335;height:22">There was an error generating the navbar:<br>' + e.message + '</div>' );
--></script>
<noscript>
</noscript>
<div style="position:absolute; left:0px; top:1875px; width:1024px; height:250px;">
<img src="wpimages/wp76459c23.png" width="1024" height="250" border="0" id="pic_1315" name="pic_1315" title="" alt="" onload="OnLoadPngFix()"></div>
<div id="txt_521" style="position:absolute; left:75px; top:2048px; width:914px; height:77px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P"><span class="Normal-C">Copyright © Better Community News 2012. </span></p>
<p class="Normal-P"><span class="Normal-C">909 S. Townsend Ave. | Montrose, CO 81401 | (970) 573-<wbr>NEWS (6397)</span></p>
<p class="Normal-P"><span class="Normal-C">Montrose, Delta, Grand Junction, Western Colorado, Ridgway, Ouray, Telluride, Paonia,
Cedaredge, Hotchkiss, Gunnison, Norwood, Naturita, North Fork</span></p>
</div>
<div style="position:absolute; left:636px; top:1px; width:119px; height:29px;">
<map id="map0" name="map0">
<area shape="rect" coords="11,5,109,25" href="subscribe_now.html" alt="">
<area shape="rect" coords="3,3,117,27" href="subscribe_now.html" alt="">
<area shape="rect" coords="11,5,109,25" href="subscribe_now.html" alt="">
</map>
<img src="better-community-news.com/NewDirectory/wpimages/wp05836530.png" width="119" height="29" border="0" id="art_206" name="art_206" title="" alt="Subscribe To Emails" onload="OnLoadPngFix()" usemap="#map0"></div>
<div style="position:absolute; left:33px; top:398px; width:640px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C0">Scroll Down To Click On These & Other Great Local Stories</span></div>
</div>
<div style="position:absolute; left:238px; top:459px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_147" name="pcrv_147" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:238px; top:797px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_150" name="pcrv_150" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:238px; top:745px; width:169px; height:50px;">
<div class="Normal-P0">
<span class="Normal-C1">Positive<br></span>
<span class="Normal-C1">Perspectives</span></div>
</div>
<div id="txt_843" style="position:absolute; left:238px; top:543px; width:220px; height:59px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="GJ_City_Council_Discusses_Shelter_for_Chronically_Homeless.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wpcbd38127_00.jpg" width="50" height="37" border="0" title="" alt="" style="float:left; margin:6px 6px 6px 0px">GJ City Council Discusses Shelter for Chronically Homeless</a></span></p>
<p class="Body-Text-P"><span class="Body-Text-C"><a href="GJ_City_Council_Discusses_Shelter_for_Chronically_Homeless.html" style="color:#000000;text-decoration:none;"> </a></span></p>
</div>
<div style="position:absolute; left:468px; top:459px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_148" name="pcrv_148" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:468px; top:432px; width:190px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1">Montrose Area</span></div>
</div>
<div style="position:absolute; left:468px; top:797px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_149" name="pcrv_149" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:468px; top:770px; width:223px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1">Sports & Hunting</span></div>
</div>
<div id="txt_842" style="position:absolute; left:468px; top:887px; width:220px; height:64px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="Kokanee_Salmon_Eggs_Decline.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp53434f33_00.jpg" width="89" height="64" border="0" title="" alt="" style="float:left; margin:0px 3px 0px 0px">Kokanee Salmon Eggs Decline</a></span></p>
</div>
<div style="position:absolute; left:469px; top:1088px; width:237px; height:4px;">
<img src="wpimages/wp773a069e.png" width="237" height="4" border="0" id="pcrv_157" name="pcrv_157" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:469px; top:1061px; width:257px; height:50px;">
<div class="Normal-P0">
<span class="Normal-C1"><a href="Letters_To_The Editor.html" style="color:#b60000;text-decoration:none;">Letters to the Editor</a><br></span>
<span class="Normal-C1"><a href="page158.html" style="color:#b60000;text-decoration:none;"></a></span></div>
</div>
<div id="txt_958" style="position:absolute; left:469px; top:1102px; width:237px; height:161px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-b ox; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C1"><a href="Letters_To_The Editor.html">Curt Robinson Resigns from Chamber for Failure to Take Position Against New Tax</a></span></p>
<p class="Normal-P0"><span class="Default-C2"><a href="Letters_To_The Editor.html"> </a></span></p>
<p class="Normal-P0"><span class="Default-C3"><a href="Letters_To_The Editor.html">Don't Be Fooled on April Fools Day</a></span></p>
<p class="Normal-P0"><span class="Text-body-C"><a href="Letters_To_The Editor.html"> </a></span></p>
<p class="Normal-P0"><span class="Text-body-C0"><a href="Letters_To_The Editor.html">RE: Why a Recreation District in the first place?</a></span></p>
<p class="Normal-P0"><span class="Text-body-C"><a href="Letters_To_The Editor.html#Obama"> </a></span></p>
<p class="Normal-P0"><span class="Text-body-C0"><a href="Letters_To_The Editor.html#Obama">Obama Fails the Millenials</a></span></p>
<p class="Normal-P0"><span class="Default-C2"><a href="Letters_To_The Editor.html"> </a></span></p>
<p class="Normal-P0"><span class="Text-body-C0"><a href="Letters_To_The Editor.html#Why">Why Repurpose the Aquatic Center</a></span></p>
<p class="Normal-P0"><span class="Default-C4"> </span></p>
<p class="Normal-P0"><span class="Default-C3"><a href="Letters_To_The Editor.html">Commissioner Races</a></span></p>
<p class="Normal-P0"><span class="Default-C2"> </span></p>
<p class="Normal-P0"><span class="Default-C5"><a href="Letters_To_The Editor.html">Time To Take Control Of Our Own Destiny</a></span></p>
</div>
<div style="position:absolute; left:238px; top:432px; width:110px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1">GJ Area</span></div>
</div>
<div id="txt_1378" style="position:absolute; left:468px; top:814px; width:220px; height:68px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="Winter_Rim_Romp.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wpcab52c93_00.jpg" width="90" height="68" border="0" title="" alt="" style="float:left; margin:0px 3px 0px 0px">Winter Rim Romp</a></span></p>
</div>
<div style="position:absolute; left:238px; top:1337px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_166" name="pcrv_166" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:238px; top:1318px; width:226px; height:16px;">
<div class="Normal-P0">
<span class="Normal-C2"><a href="page456.html" style="color:#b60000;text-decoration:none;">Kiwanis Student of the Week</a></span></div>
</div>
<div id="txt_1127" style="position:absolute; left:238px; top:1345px; width:220px; height:70px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Table-Contents-C"><a href="page456.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp4c78cadc_00.jpg" width="93" height="70" border="0" title="" alt="" style="float:left; margin:0px 4px 6px 0px">Erika Tatman</a></span></p>
</div>
<div id="txt_1128" style="position:absolute; left:238px; top:1419px; width:220px; height:70px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Table-Contents-C"><a href="page456.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp2a0c75fd_00.jpg" width="93" height="70" border="0" title="" alt="" style="float:left; margin:0px 4px 6px 0px">Austin Eichert</a></span></p>
</div>
<div id="txt_1453" style="position:absolute; left:238px; top:471px; width:220px; height:67px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="Did_Marijuana_Blow_the_Joint.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp097d475b_00.jpg" width="61" height="61" border="0" title="" alt="" style="float:left; margin:6px 6px 6px 0px">Did Marijuana Blow the Joint?</a></span></p>
<p class="Normal-P0"><span class="Body-Text-C"><a href="Did_Marijuana_Blow_the_Joint.html" style="color:#000000;text-decoration:none;"> </a></span></p>
</div>
<div id="txt_1490" style="position:absolute; left:469px; top:462px; width:220px; height:76px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;">
<p class="box_text"><strong>Montrose County Sheriff's Office's Susan Byrne Named APCO Communications Director of the Year</strong></p>
</div>
<div style="position:absolute; left:706px; top:459px; width:300px; height:4px;">
<img src="wpimages/wpb0c95be0.png" width="300" height="4" border="0" id="pcrv_151" name="pcrv_151" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:706px; top:432px; width:190px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1"><a href="page158.html" style="color:#b60000;text-decoration:none;">Entertainment</a></span></div>
</div>
<div id="txt_841" style="position:absolute; left:706px; top:196px; width:303px; height:227px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-b ox; overflow:hidden;">
<p><a href="http://www.better-community-news.com/Montrose_County_Sheriff_Office_Susan_Byrne_Named_APCO _Communications_Director_of_the_Year.html">Montrose County Sheriff's Office's Susan Byrne Named APCO Communications Director of the Year</a></p>
<p><a href="http://www.better-community-news.com/Women_Only_Bowhunter_Education_In_Fruita.html">Women-Only Bowhunter Education In Fruita</a></p>
<p><a href="http://www.better-community-news.com/Did_Marijuana_Blow_the_Joint.html">Did Marijuana Blow the Joint?</a></p>
<p><a href="http://www.better-community-news.com/GJ_City_Council_Discusses_Shelter_for_Chronically_Hom eless.html">GJ City Council Discusses Shelter for Chronically Homeless</a></p>
<p><a href="http://www.better-community-news.com/GJ_POLICE_Can_You_ID_This_Man.html">GJ POLICE – Can You ID This Man?</a></p>
</div>
<div id="txt_840" style="position:absolute; left:744px; top:722px; width:219px; height:197px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-b ox; overflow:hidden;">
<h3 class="Normal-P0"><span class="Heading-3-C"><img src="wpimages/wpa77fa963.png" width="77" height="64" border="0" onload="OnLoadPngFix()" title="" alt="" style="float:left; margin:0px 3px 3px 0px"></span></h3>
<h3 class="Normal-P0"><span class="Heading-3-C"> </span></h3>
<h3 class="Normal-P0"><span class="Heading-3-C"> </span></h3>
<h3 class="Normal-P"><span class="Heading-3-C"> </span></h3>
<h3 class="Normal-P"><span class="Heading-3-C0">NOW RECRUITING</span></h3>
<h3 class="Normal-P"><span class="Heading-3-C1">Sports Announcer</span></h3>
<h3 class="Normal-P"><span class="Heading-3-C">Local &/or National Sports</span></h3>
<h3 class="Normal-P"><span class="Heading-3-C2"> </span></h3>
<h3 class="Normal-P"><span class="Heading-3-C">CALL 573-<wbr>NEWS (6397)</span></h3>
</div>
<div style="position:absolute; left:705px; top:191px; width:300px; height:4px;">
<img src="wpimages/wpb0c95be0.png" width="300" height="4" border="0" id="pcrv_152" name="pcrv_152" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:705px; top:164px; width:266px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1"><a href="page158.html" style="color:#b60000;text-decoration:none;">Latest Top Headlines</a></span></div>
</div>
<div id="txt_1500" style="position:absolute; left:238px; top:932px; width:220px; height:51px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="The_Eagles_Nest.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp487bab49_00.jpg" width="74" height="51" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px">The Eagle's Nest</a></span></p>
</div>
<div style="position:absolute; left:7px; top:1579px; width:680px; height:243px;">
<div id="frag_70" style="text-align:left;">
<script src="//www.gmodules.com/ig/ifr?url=http://andrewgadget.googlepages.com/google-news.xml&synd=open&w=670&h=250&title=&border=ht tp%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&output=js"></script>
</div></div>
<div style="position:absolute; left:698px; top:1579px; width:296px; height:243px;">
<div id="frag_69" style="text-align:left;">
<script src="//www.gmodules.com/ig/ifr?url=http://www.meteogroup.com/meteo/gadgets/wetter24.xml&up_loc=&up_loccode=&up_temp_unit=&syn d=open&w=300&h=250&title=Change+Your+Settings+For+Local+Weather&lang=all&country=ALL&borde r=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
</div></div>
<div id="txt_1516" style="position:absolute; left:238px; top:875px; width:220px; height:52px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="Christine_Terrel_Receives_Apple_Award.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wpc7ff6be0_00.jpg" width="67" height="52" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px"></a>Christine Terrel Receives Apple Award</span></p>
<p class="Normal-P0"><span class="Body-Text-C"><a href="Crime_Free_Housing_Program_Increases_Quality_of_Life.html" style="color:#000000;text-decoration:none;"> </a></span></p>
<p class="Normal-P0"><span class="Body-Text-C"><a href="Crime_Free_Housing_Program_Increases_Quality_of_Life.html" style="color:#000000;text-decoration:none;"> </a></span></p>
</div>
<div style="position:absolute; left:238px; top:1088px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_160" name="pcrv_160" title="" alt="" onload="OnLoadPngFix()"></div>
<div id="txt_1077" style="position:absolute; left:238px; top:1102px; width:220px; height:65px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="Contests_Food_Music_Handmade_Wares_to_Shine_at_Dragon_Unchained_Festival_in_Delta.h tml" style="color:#000000;text-decoration:none;"><img src="wpimages/wp9c7e6e59_00.jpg" width="37" height="29" border="0" title="" alt="" style="float:left; margin:6px 6px 6px 0px">Contests, Food, Music & Handmade Wares to Shine at Dragon Unchained Festival in Delta</a></span></p>
</div>
<div style="position:absolute; left:238px; top:1061px; width:143px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1">Delta Area</span></div>
</div>
<div style="position:absolute; left:8px; top:1088px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_159" name="pcrv_159" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:8px; top:1061px; width:111px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1"><a href="opinion.html" style="color:#b60000;text-decoration:none;">Opinion</a></span></div>
</div>
<div style="position:absolute; left:8px; top:459px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_154" name="pcrv_154" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:8px; top:797px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_146" name="pcrv_146" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:9px; top:1337px; width:220px; height:4px;">
<img src="wpimages/wp590c292b.png" width="220" height="4" border="0" id="pcrv_165" name="pcrv_165" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:9px; top:1318px; width:219px; height:16px;">
<div class="Normal-P0">
<span class="Normal-C2"><a href="Rotary_Student_of_the_Week.html" style="color:#b60000;text-decoration:none;">Rotary Student of the Week</a></span></div>
</div>
<div id="txt_1126" style="position:absolute; left:9px; top:1419px; width:220px; height:70px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="Rotary_Student_of_the_Week.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wpaf237000_00.jpg" width="93" height="70" border="0" title="" alt="" style="float:left; margin:0px 4px 6px 0px">Kendall Cox</a></span></p>
<p class="Normal-P0"><span class="Default-C3"><a href="Rotary_Student_of_the_Week.html" style="color:#4487c6;text-decoration:none;"> </a></span></p>
<p class="Normal-P0"><span class="Default-C6"><a href="Rotary_Student_of_the_Week.html" style="color:#000000;text-decoration:none;"> </a></span></p>
<p class="Normal-P0"><span class="Default-C7"><a href="Rotary_Student_of_the_Week.html" style="color:#4487c6;text-decoration:none;"> </a></span></p>
<p class="Normal-P0"><span class="Default-C7"><a href="Rotary_Student_of_the_Week.html" style="color:#4487c6;text-decoration:none;"> </a></span></p>
</div>
<div id="txt_1264" style="position:absolute; left:8px; top:953px; width:220px; height:57px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="Family_History_Classes_Start_Up_In_February.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp398f5a30_00.jpg" width="81" height="57" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px">Family History Classes Start Up In February</a></span></p>
</div>
<div id="txt_1442" style="position:absolute; left:8px; top:814px; width:220px; height:71px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="When_Monkeys_Fly.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp8d5178ab_00.jpg" width="94" height="71" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px">When Monkeys Fly</a></span></p>
</div>
<div id="txt_1142" style="position:absolute; left:8px; top:889px; width:220px; height:60px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="Internet-Based_Hunter_Education_Class_Offered_For_Southwest_Colorado.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp31dff18a_00.jpg" width="51" height="60" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px">Internet-<wbr>Based Hunter Education Class Offered For Southwest Colorado</a></span></p>
</div>
<div style="position:absolute; left:8px; top:432px; width:123px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1">Colorado</span></div>
</div>
<div style="position:absolute; left:8px; top:770px; width:159px; height:25px;">
<div class="Normal-P0">
<span class="Normal-C1">Western CO</span></div>
</div>
<div id="txt_1515" style="position:absolute; left:8px; top:472px; width:220px; height:49px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="House_Passes_Tipton_Water_Rights_Bill.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wpc5bec71d_00.jpg" width="31" height="49" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px">House Passes Tipton Water Rights Bill</a></span></p>
<p class="Normal-P0"><span class="Default-C1"> </span></p>
<p class="Normal-P0"><span class="Default-C"><a href="Ken_Buck_releases_Ken_Cares_video_featuring_victim_he_helped_in_2008.html" style="color:#000000;text-decoration:none;"> </a></span></p>
</div>
<div id="txt_1520" style="position:absolute; left:8px; top:622px; width:220px; height:45px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="Student_Art_Competition.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp563d913d_00.jpg" width="53" height="39" border="0" title="" alt="" style="float:left; margin:6px 6px 6px 0px">Student Art Competition</a></span></p>
<p class="Normal-P0"><span class="Default-C"><a href="KEEP_DOGS_AWAY_FROM_WILDLIFE_WARNS_CPW.html" style="color:#000000;text-decoration:none;"> </a></span></p>
</div>
<div id="txt_1563" style="position:absolute; left:8px; top:537px; width:220px; height:79px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="index.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wpb1e1b002_00.jpg" width="58" height="73" border="0" title="" alt="" style="float:left; margin:6px 6px 6px 0px">Udall: Situation in Ukraine Shows Urgent Needs to Leverage Colorado's Natural Gas,
Expedite LNG Exports</a></span><span class="Strong-Emphasis-C"><a href="index.html" style="color:#000000;text-decoration:none;"><br></a></span><span class="Default-C3"><a href="index.html" style="color:#4487c6;text-decoration:none;"> </a></span></p>
</div>
<div id="txt_1598" style="position:absolute; left:8px; top:1102px; width:220px; height:62px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="opinion.html" style="color:#000000;text-decoration:none;">Udall’s “Talk-<wbr>a-<wbr>Thon” Highlights His Extreme Environmental Record</a></span><span class="Body-Text-C"><a href="opinion.html" style="color:#000000;text-decoration:none;"> </a></span></p>
</div>
<div id="txt_1604" style="position:absolute; left:9px; top:1345px; width:220px; height:70px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="Rotary_Student_of_the_Week.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wp27d482d1.png" width="110" height="70" border="0" onload="OnLoadPngFix()" title="" alt="" style="float:left; margin:0px 4px 6px 0px"></a></span><span class="Default-C"><a href="Rotary_Student_of_the_Week.html" style="color:#000000;text-decoration:none;">Clayton Beutler</a></span></p>
<p class="Normal-P0"><span class="Default-C7"><a href="Rotary_Student_of_the_Week.html" style="color:#4487c6;text-decoration:none;"> </a></span></p>
</div>
<div id="txt_1428" style="position:absolute; left:8px; top:1239px; width:220px; height:60px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C0"><a href="opinion.html" style="color:#000000;text-decoration:none;"><img src="wpimages/wpb3e78df6_00.jpg" width="47" height="61" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px">Udall Among President Obama’s Most Loyal Supporters in the Senate</a></span></p>
<p class="Normal-P0"><span class="Default-C0"><a href="opinion.html" style="color:#000000;text-decoration:none;"> </a></span></p>
</div>
<div id="txt_1521" style="position:absolute; left:8px; top:1168px; width:220px; height:67px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Strong-Emphasis-C0"><a href="opinion.html#Ken" style="color:#000000;text-decoration:none;"><img src="wpimages/wp4e955d70_00.jpg" width="63" height="67" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px">Ken Buck within striking distance of Mark Udall in new poll</a></span></p>
</div>
<div id="txt_1615" style="position:absolute; left:468px; top:543px; width:220px; height:67px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; color: #000; font-size: 18px;"><strong>City of Montrose Youth Council Teen Opportunity Expo</strong></div>
<div id="txt_1623" style="position:absolute; left:468px; top:615px; width:220px; height:67px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; color: #000000; font-weight: bold; font-size: 18px;">Hypothermia Claims Life</div>
<div id="txt_1624" style="position:absolute; left:238px; top:820px; width:220px; height:52px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="page392.html" style="color:#000000;text-decoration:none;"><img src="Images/3-18/julie baird.jpg" width="67" height="52" border="0" title="" alt="" style="float:left; margin:0px 3px 3px 0px">Julie Baird Receives Apple Award</a></span></p>
</div>
<div id="txt_1637" style="position:absolute; left:706px; top:468px; width:303px; height:227px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-b ox; overflow:hidden;">
<p class="Normal-P0"><span class="Body-Text-C"><a href="Defiant_Mouse.html">HERO Act -<wbr> Defiant Mouse</a></span></p>
</div>
<div id="txt_1645" style="position:absolute; left:238px; top:1174px; width:220px; height:67px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="Reduction_in_Readmission_Rates_Achieved_by_Delta_Hospital.html" style="color:#000000;text-decoration:none;"><img src="Images/3-18/Hospital.jpg" width="94" height="61" border="0" title="" alt="" style="float:left; margin:6px 6px 6px 0px">20% Reduction in Readmission Rates Achieved by Delta</a></span></p>
</div>
<div id="txt_1649" style="position:absolute; left:238px; top:606px; width:220px; height:59px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-bo x; overflow:hidden;">
<p class="Normal-P0"><span class="Default-C"><a href="GJ_POLICE_Can_You_ID_This_Man.html" style="color:#000000;text-decoration:none;"><img src="Images/3-18/Car Theft.jpg" width="69" height="53" border="0" title="" alt="" style="float:left; margin:6px 6px 6px 0px">GJ POLICE – Can You ID This Man?</a></span></p>
</div>
</div>
</body>
</html>I wouldn't dream of using anything from Serif Web creator. The code is horrendous.
All you need is a CSS styled list. Copy & paste this code into a new, blank document. Adjust CSS styles to suit your needs.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>
<style>
* BEGIN HORIZONTAL DROP-MENU */
nav {
position: relative;
width: 100%; /**adjust width as needed**/
margin: 0 auto;
padding: 0;
text-align: center;
z-index:1000;
nav ul {
margin: 0;
padding: 0
nav li {
list-style: none;
font-size: 12px;
float: left;
text-align: center;
/**top level menu**/
nav li a {
display: block;
text-decoration: none;
margin-right: 2px; /* space between links */
width: 9em; /* adjust as needed or use auto */
padding: 6px 15px;
font-weight: bold;
line-height: 2em;
color:#1e5799;
border: 1px solid #FFF;
background:#C7D5E3;
/**top menu style on mouse over**/
nav li:hover > a {
color: #FFF;
background: #1e5799;
/**sub-menu**/
nav li ul {
display: none;
text-align: center;
margin: 0;
padding: 0 1em;
background:#C7D5E3;
font-weight:normal;
font-style:oblique;
/**sub-menu, help for older IE**/
nav li:hover ul, nav li.hover ul {
display: block;
position: absolute;
padding: 0;
nav li:hover li,
nav li.hover li {float: none;}
/**drop-menu style**/
nav li:hover li a, nav li.hover li a {
width: 9em; /* adjust width as needed or use auto */
margin-top: 0;
line-height:1.25em;
font-weight:normal;
border:none;
/**drop-menu style on mouse over**/
nav li li a:hover {
background:#D3E1B7;
color: #004A43;
</style>
</head>
<body>
<nav>
<ul>
<li><a href="#">Menu Item1 ▼</a>
<ul>
<li><a href="#">Sub_menu1a</a> </li>
<li><a href="#">Sub_menu1b</a> </li>
</ul>
</li>
<li><a href="#">Menu Item2 ▼</a>
<ul>
<li><a href="#">Sub_menu2a</a> </li>
<li><a href="#">Sub_menu2b</a> </li>
<li><a href="#">Sub_menu2c</a> </li>
<li><a href="#">Sub_menu2d</a> </li>
</ul>
</li>
<li><a href="#">Menu Item3</a></li>
</ul>
</nav>
</body>
</html>
Nancy O. -
I want to get rid of the Nav Bar which contains Prev, Next
Refresh and hide buttons. We can hide the buttons in that bar by
commenting writeToolBar(); in whskin_mbars.htm file. But still
unable to hide the complete bar. I am using RoboHelp 7 with WebHelp
Pro. Thanks.I'm pretty sure that this is documented in Rick's Skinny on Skins:
http://www.robowizard.com/RoboWizard/NewProject.htm#Downloads/Skinny_on_Skins.htm
If not, try this: Go to whskin_frmset010.htm. Find the line that start with
strHTML+="<frameset rows=\"24,*\"
Replace the 24 by a 0.
Kind regards,
Willam -
Smart way to auto update pop-up menu in nav bar?
Smart way to keep updating pop-up menu in Nav bar ?
I created a template in DW 8. It is used to generate many
other pages for the site. only the page content region is editable.
There is a nav bar in the template. Some buttons of the nav bar
display pop-up menu when MouseOver . Those pop-up menu need to be
changed from time to time. What is the best way to automatically
update the pop-up menu in those templated-generated files, using
template (I tried to define the nav bar as editable region,
modified the pop-ups and saved the template. I got a lots of
unexpected problems, DW8 even crashed), using libray items or
something else? I am a relatively new DW developer. Much appreciate
if someone could help.If the navigation is in a non-editable region of the
template, then changes
to it will propagate automatically to all child pages - are
you not seeing
that happen?
> I tried to define the nav bar as editable region
You wouldn't usually want to do that.
> I got a lots of unexpected problems, DW8 even
> crashed
You must have made other errors. Doing something like this
would surely not
crash DW.
The only problem with having the navigation in the
non-editable region of
the template is that a change to it will touch *every* file
in the site,
each of which must then be uploaded again. To solve this
problem you can
use server-side includes for the navigation. Then you would
make your
change to the include file, upload it, and all pages would
reflect that
change.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"lakeleman" <[email protected]> wrote in
message
news:[email protected]...
>
Smart way to keep updating pop-up menu in Nav bar ?
> I created a template in DW 8. It is used to generate
many other pages
> for
> the site. only the page content region is editable.
There is a nav bar in
> the
> template. Some buttons of the nav bar display pop-up
menu when MouseOver .
> Those pop-up menu need to be changed from time to time.
What is the best
> way to
> automatically update the pop-up menu in those
templated-generated files,
> using
> template (I tried to define the nav bar as editable
region, modified the
> pop-ups and saved the template. I got a lots of
unexpected problems, DW8
> even
> crashed), using libray items or something else? I am a
relatively new DW
> developer. Much appreciate if someone could help.
> -
Replacing nav bar--is there a way to change all pages at once?
I widened my site off of an iweb template and now the nav bar looks bad since it's too narrow and there is text that appears outside of the nav bar background. Since I can't change the color or looks of the nav bar, I've decided to put my own on top of it. This means if I have any changes down the line, I have to change the nav bar on every page. I have a page that nothing is linked to where I save graphic elements, so I can copy it, and paste on each page--a hassle when you have 50+ pages, and no idea how many pages I'll have in the end. IT was nice to have the automatic nav bar and header/footer, but boy how stupid to not be able to edit them unless you're a tech geek and understand all the coding!!
a hassle when you have 50+ pages
You should try it when you have 170+ pages!
No, there is no simple way to change all pages at once. I use exactly the same method as you are doing now. Having proper user definable templates is on my wish list for future releases of iWeb.
Michael
iMac 20" Intel Core Duo 2GHz -
Using body id= to highlight current page on nav bar
Hi all, using the method of giving the body tag an id to set
the current page on the nav bar, works all very well. however, this
is no good if you are working from a template as it would mean the
<body> being editable on each page (so most of the content
then)....am I right? or am I missing something blindingly obvious
here which will allow me to change the <body>...
many thanks - didn't really want to use the javascript method
you see!> Hi all, using the method of giving the body tag an id to
set the current
> page
> on the nav bar, works all very well. however, this is no
good if you are
> working from a template as it would mean the
<body> being editable on each
> page
> (so most of the content then)....am I right? or am I
missing something
> blindingly obvious here which will allow me to change
the <body>...
ideally, you wouldn't actually link the item on the menu of
the page you are
currently on. This is a usability/accessibility thing. If you
do that, then
you can simply style non-linked items on the menu differently
to highlight
that page.
That said, it's often not a practical solution if you are
using SSIs to load
the menu.
In that case, you could just add the Class to a wrapper DIV,
or to the menu
itself:
<div id="myMenu" class="contactPage">
<div id="myMenu" class="aboutPage">
<div id="myMenu" class="productsPage">
etc.
OR, alternatively, give each meny item it's own class and
then over-ride
that one particular class style in the HEAD of each
individual page. That
said, I'm not sure how well the latter would work with DW
templates.
-Darrel -
How to present content without showing the item in left nav bar?
Here's the scenario -
I have a single role. A user logs in and gets their content accordingly. The default content in the main display area is whatever the first item in the role is (e.g. IView A). Under that are various folders, iviews, etc.
How can I make the content from IView A appear, but not actually show the title of IView A in the left hand nav bar?Here is what you can do (left navigation is called detailed navigation)
1. From the Page Content List of the Default Framework Page, select Desktop Innerpage and click Open.
2. From the Page Content List of the Desktop Innerpage select the Detailed Navigation iView and click Properties.
3. Scroll to the Start at Level property and assign a value that is one higher than the value of the Number of Display Levels property in procedure l. Configure Top-Level Navigation. For example, if top-level navigation is configured for one level, the detailed navigation begins on the second level, that is with the value 2.
4. Click Save.
Detailed navigation is not automatically synchronized with top-level navigation; the values you enter for top-level and detailed navigation must agree. For example, if you enter the value 1 for top-level navigation, while detailed navigation still has the value 3, one level is left out, creating a gap.
For more details check this
http://help.sap.com/saphelp_nw04/helpdata/en/2d/91e33edd37de63e10000000a11405a/frameset.htm
Regards,
Piyush
ps: please award points for useful answers. -
I have just coded a horizontal nav bar for a site with CSS rollover effects using a:hover and a: focus effects. There are no images, just HTML and CSS. The layout works beautifully in IE 6 - 8, Safari for Windows, Opera for Windows...and Firefox 3.X but behaves poorly in Firefox 4. I've hardly ever had problems with FF before. :(
Here's the menu: http://sddlr01.hottubretailer.com/TestNav2.html
The rollovers extend below the height of the background div and the extra padding on the first and last li tag don't display correctly either. The page passes WebDeveloper toolbar CSS and HTML validation as well.
This is making me batty! Any help deeply appreciated!
Thanks.
All CSS code is in the page for debugging purposes.I do not understand what you mean with "the rollover will extend the full width of the background"
A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25
Maybe you are looking for
-
Multiple Queries on Interactive Report
hi all, Can i run multiple queries based on some condition in creating an interactive report?? I mean i want to run a single query as if :P12_QUERY == 1 then first query else if :P12_QUERY == 2 then second query end if; Please provide me the syntax i
-
Can I use more than 1 device ie iPod and iPhone on the same iTunes account and have different music on them
-
I can't get Bryce 5.0 to install..Please Help!
I downloaded Bryce 5.0 for my son new class at school as requested by his teacher. But when I try to install it, the Disk Utility page pops open and I dont know what to do? Im not (obviously,lol) very apt at this, but this should have been a no-brain
-
i have a ipod touch 2nd generation 8gb 4.2.1 im new to itunes i made a itunes account but it says i need a payment method is there anyway i can use my paypal if not is there a way to not have to use a payment method for itunes store please help ty
-
Gnome-online-accounts in gnome 3.2 not working[SOLVED]
gnome-online-accounts in gnome 3.2 is not working.it gives a bad token request.are other arch users experiencing this problem. Last edited by PranavG (2011-10-02 15:52:33)