IWeb Navigation Menu (how to make it fixed)

I am using iWeb. Is there a way to fix the Navigation Menu so that my pages can scroll behind it whilst the menu stays at the top?
Many thanks,
Carn

add an html snippet widget to your page, and add this to html snippet:
<script type='text/javascript'>
parent.$('nav_layer').setStyle('position: fixed; z-index: 100;');
</script>

Similar Messages

IWeb navigation menu not updating in browsers

This is also possibly an airport extreme cache problem, but really unsure...
I've updated my website in iWeb 08 (vers 3.0.4) and published it via ftp. It all works when I look at it via my iPhone on the 3G network and looks as it should. When I look at it on any of the 4 laptops at home they all display the same error (whether using safari, firefox or IE and on different platforms but all on the same network) and other than the formatting looking terrible, the main issue is that the navigation menu is displaying as that of an older version of the website. I simplified the navigation menu about 5 days ago and it is still displaying pages in it that have been renamed, moved or deleted. I've check the files on the ftp server and they have all been correctly renamed or deleted. Where are my computers getting this old data from?
I've reset Safari several times, restarted my computers, restarted my airport extreme (as this must have something to do with the problem??) but to no avail.
Any suggestions? I'd like to view my 'current' website to check for bugs, but get an old version that just looks buggy. Why can't I get my browsers to display the page correctly.
Thoughts appreciated!
The page is at:
www.thebutlershow.com
I can still see in the nav menu - Home / About / Review / Company ... etc.
It should show - 'Home / Shows / Company / News & Media ... etc.
Thanks, Skye

Fixed...
I connecting a USB mobile internet dongle and turned off airport on my laptop so I could access the pages via a different means. They came up looking as they should via the mobile network. I then turned airport back on on that laptop and refreshed - and the page remained as it should have.
Don't know why but this has now fixed the viewing errors on all the other computers in the house. Fixed one... fixed all.
Strange.

How to make a fix width for a select list

APEX 4
good day everyone I have an apex_item selectlist. My question is How do I make a fix width on it?

http://download.oracle.com/docs/cd/E17556_01/doc/apirefs.40/e15519/apex_item.htm#CHDHJJAB
APEX_ITEM.SELECT_LIST(
    p_idx           IN   NUMBER,
    p_value         IN   VARCHAR2 DEFAULT NULL,
    p_list_values   IN   VARCHAR2 DEFAULT NULL,
    p_attributes    IN   VARCHAR2 DEFAULT NULL,
    p_show_null     IN   VARCHAR2 DEFAULT 'NO',
    p_null_value    IN   VARCHAR2 DEFAULT '%NULL%',
    p_null_text     IN   VARCHAR2 DEFAULT '%',
    p_item_id       IN   VARCHAR2 DEFAULT NULL,
    p_item_label    IN   VARCHAR2 DEFAULT NULL,
    p_show_extra    IN   VARCHAR2 DEFAULT 'YES')
    RETURN VARCHAR2;Specify
p_attributes => 'style="width: 200px;"'for a width of 200px.
Ta,
Trent

How to make a fixed font thinner

Hi there.....
I use a font that's specially made ( see att ).....Does somebody know how to make this font some thinner ?
Thankxxxxx.
See you,
Chabby

If you want to keep the font live for future work you can make new thinner versions using an application like FontLab Studio or Fontographer.
If it's just a question of making a single word thinner you can often get away with outlining it, giving it a stroke, expanding the stroke and then subtracting the stroke from the fill with Pathfinder. Try this using a white stroke so that you can judge how heavy the stroke needs to be. This isn't a perfect solution, but like I say, you can sometimes get away with it as long as the stroke is not too heavy.

Crystal Report: How to make the fixed height box in all pages.

Post Author: WTech
CA Forum: Crystal Reports
I want to make the height of box fixed size in all pages. The box in outside the detail section. Currently the size of the box changes according to the content of the detail section. Could anyone suggest me how should i achieve it ?

Hi srinivasan,
If you want to keep "Save" and "Stop" common, Why do you want to keep them on Tab control? Is your tab control taking entire space on Front panel? If so, you can have SAVE and STOP on other vi, and you can call this vi (MODAL).
Gaurav k
CLD Certified !!!!!
Do not forget to Mark solution and to give Kudo if problem is solved.

How to make the Fix Date & Qty automatic

Dear Friends,
In the Sales order schedule line there is an indicator Fixed Date & Qty.
How can I make this indicator to be automatic when I create the Sales Order.
Please help
Ravi

Hi Ravi,
Goto SHD0 T.Code and create a transaction variant.
Assign the same to your sales order type.
When you try to create a sales order then this will be ticked by default.
The same you can do in OVZJ T.Code also.Here against your sales area,you have to tick it.
Regards,
Krishna.

How to make a fixed background image in Dreamweaver CC

I'm trying to make my background image fixed so when I scroll down in Dreamweaver CC it stays completely still, could someone please tell me how to do that?

You've got a lot of code that you don't need. And I'm very dubious about the file:/// path to your image. Are you working in a Defined Local Site Folder? The image path should be pointing to your site, not files:/// on your local hard drive.
body {
background:#000 url(concept_watch_dogs___wallpaper_1366x768_by_mackintosh141-d6led76.jpg) no-repeat center center fixed;
Nancy O.

3 queries, how to make it fixed number of rows

Hi. I have the 3 queries with the following structure. Q1 customer, Q2 sales order, Q3 lines in the sales orders
Q1
Q2
Q3
Q3
Q2
Q1
I followed the one suggested in thread: Can you limit returned rows in a loop?
regarding value for each text form field as follows
text1 = <xsl:variable name="lpp" select="number(5)"/>
text2 = <?for-each@section:LIST?> <xsl:variable xdofo:ctx="incontext" name="group" select=".//LINES"/>
<?for-each:$group?><?if:(position()-1) mod $lpp=0?><xsl:variable name="start" xdofo:ctx="incontext" select="position()"/>
text3 = <?for-each:$group?><?if:position()>=$start and position()<$start+$lpp?>
text4 = <?LINE?>
text5 = <?end if?><?end for-each?>
text6 = <?sum($group[(position()>=$start) and (position()<($start+$lpp))]/LINE)?>
text7 = <?if:not(count($group) mod $lpp=0) and ($start+$lpp>count($group))?>
text8 = <?end if?><?end for-each?><?end if?>
text9 = <?if:count($group)<$start+$lpp?>
text10 = <?end if?>
text11 = <xsl:if xdofo:ctx="inblock" test="$start+$lpp<=count($group)"><xsl:attribute name="break-before">page</xsl:attribute></xsl:if>
text12 = <?end if?><?end for-each?><?end for-each?>
and it worked for me if i have only 2 queries. but now when im using it in 3 queries. how to apply the said format in involving 3 queries?
Thanks.

Hi,
if method SET_FILTER_CRITERIA doesn´t help, I think that you must work with 2 internal tables, a counter and a loop for filtering the records to be displayed:
case counter.
when 1.
     loop at int_table1 from 1 to 500.      "<-- your table with all records
       move int_table1 to int_table2
    endloop.
when 2.
     loop at int_table1 from 501 to 1000.
       move int_table1 to int_table2
    endloop.
etc, etc.
Call grid-->SET_TABLE_FOR_FIRST_DISPLAY
   exporting
     IT_OUTTAB = int_table2                "<-- instead of your currently table int_table1

How to make a fixed font thinner in Illustrator

Hi,
I am trying to create a thin vershion for a font.
but with not much of secsess.
dose anyone have any idea?
The ofset option is not doing it well.
Thanks

Well, you could just read up on type design? Simply insetting the outlines will never work. That's the whole point why fonts need to be designed properly for different weights based on typographic rules and measures. For the most part you will have to re-draw your letters with a constant line weight and compensating e.g. for things like the span of arches and diameters of holes changing as wel las naturally all the spacing/ kerning. It's not that simple like taking an existing font and eroding it...
Mylenium

How to Make DropDowns in Navigation Menu Fit

cs4
http://ahy4life.com/test2/index.php
The client wishes to have nine dropdowns in the navigation menu at top. Only eight are ostensibly visible just now, even tho they exist in the code. While I can change the width of each menu item, how can I make "Meet the Owners" and "Events & Promos" appear on two lines. For example:
Events &
Promos
Please disregard the improper alignment of the dropdowns; I will correct those once this other issue is addressed.
Thanks, -Biggs

hello,
Looks like you have some significan code problems in your page. These need to fixed before you can address the difficulities you describe.
Martin
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fahy4life.com%2Ftest2%2Findex.php

How can I stick an accordion navigation MENU on top of a mobile scrolling page and make it work properly? As I can't pin it, I keep it on top of the page with scroll effect 0. It collapse, shows the menu buttons but doesn't close back once it reaches the

How can I stick an accordion navigation MENU on top of a mobile scrolling page and make it work properly?
As I can't pin it, I keep it on top of the page with scroll effect 0.
It collapse, shows the menu buttons but doesn't close back once it reaches the anchorpoint.

Muse won't let you, at least not that I know of. You could find the class in the code that muse gives it position: fixed…I think. You could paste it into the head area of your page properties to override the class. I believe something like this would give you persistent nav bar, pinned at the very top, on mobile:
#youmuseclass {position: fixed;}
I wouldn't use any parallax on mobile either, the performance is terrible.

How do I fix my floating drop down navigational menu?

Hello, I am currently reworking my website to make it responsive, but I have hit a roadblock with my navigation menu:
My goal for the menu is to have a floating navigational menu in which as the user hovers over the link the image changes. One of the tabs is intended to be a submenu that drops down horizontally. I also am trying to get the menu centered on the page using fluid positioning.
As of now, I have a functional drop down menu with the rollover effects. It wasn't until I began work on floating the menu that I ran into a problem. At first, the menu was not scaling proportioally with the rest of the page, but upon looking around, I found: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browse r-support.
Using the code on the link, I recoding the menu. In the end, the drop down menu is causing the problem. When I have the drop down menu still included in the code, the menu is broken up in three lines. The submenu is grouped with its parent, but they are grouped boxy (at least in the browsers I have checked) and only two are visible.
I decided to humor myself and removed the code for the drop down menu to find that the menu works perfectly--it does everything I was aiming for for the time being--rollover, center, floating.
Is there something that I am overlooking that will fix the drop down menu?
I was thinking that I would have to center the styles for the sub menu, but I didn't see any results.
What am I missing that I am not seeing?
The links to the two pages:
http://ryanolsenstudios.com/WithDropDown.html
http://ryanolsenstudios.com/WithoutDropDown.html
If anyone can point me in the right direction it would be appreciated, I have been looking around trying to figure this out, but to no avail. Thank you.

I don't advise you use images for navigation as they are NOT scalable to any good effect.
Below is a simplified version of your image buttons with dropdowns in place.
The jQuery used to create the rollover swaps is going to get very long and unmanagable (it's just as an example) I suspect there will be more streamlined solutions using jQuery if you Google, like just adding _static.jpg and_over.jpg to the end of the image src, which will keep the code to a minimum of lines.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"><title>Ryan Olsen's Studio</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("#home img").hover(function() {
$(this).attr("src","http://ryanolsenstudios.com/images/hometabroll.jpg");
}, function() {
    $(this).attr("src","http://ryanolsenstudios.com/images/home.jpg");
$("#about img").hover(function() {
$(this).attr("src","http://ryanolsenstudios.com/images/bioroll.jpg");
}, function() {
    $(this).attr("src","http://ryanolsenstudios.com/images/bio.jpg");
$("#shows img").hover(function() {
$(this).attr("src","http://ryanolsenstudios.com/images/showsroll.jpg");
}, function() {
    $(this).attr("src","http://ryanolsenstudios.com/images/shows.jpg");
</script>
<style>
body {
    background-color: #000;
.myMenu {
margin:0;
padding:0;
display: block;
text-align: center;
.myMenu li {
margin: 0;
padding: 0;
list-style:none;
display: inline-block;
position: relative;
.myMenu ul {
position: absolute;
display: none;
margin: 0;
padding: 0;
left: 0;
top: 5em;
z-index: 100;
.myMenu li:hover ul {
display: block;
</style>
</head>
<body>

<ul class="myMenu">
<li><a href="#" id="home"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a>
<ul>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
</ul>
</li>
<li><a href="#" id="about"><img src="http://ryanolsenstudios.com/images/bio.jpg" alt="AboutMeTab" /></a>
<ul>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
</ul>
</li>
<li><a href="#" id="shows"><img src="http://ryanolsenstudios.com/images/shows.jpg" alt="ShowsTab" /></a>
<ul>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
<li><a href="#"><img src="http://ryanolsenstudios.com/images/home.jpg" alt="HomeTab"></a></li>
</ul>
</li>
</ul>
</body>
</html>

Tip: How to link to a non-iWeb page in the main navigation menu.

I've figured out an easy way to add a link to the main navigation menu which links to a URL of your choosing. For example, I have an older .Mac site using the now archaic HomePage. Instead of rebuilding all of my old pages in iWeb, I thought it would be nice to add a link to the old site from the top main navigation of the iWeb pages. Sounds easy, right? Apparently Apple has other ideas as iWeb doesn't allow you to do this.
Here's a work-a-round:
Step 1.) Open iWeb and add a new page to your iWeb site. Pick any template, it doesn't matter which one.
Step 2.) Change the page name to whatever you want using the page inspector. Whatever you choose as a name here will be reflected in the main navigation menu. For example, I named my page "Photo Archives".
Step 3.) You don't need to edit this new page at all. In fact, we're going to erase all of the content in it later. Now publish your site.
Step 4.) If you're using .Mac, mount your iDisk to your desktop. Then navigate through the folders to: Web -> Sites -> iWeb -> <Your Site Name>. If you're hosting your site somewhere else, navigate to your root directory.
Step 5.) You should now be looking at all of the files which make up your iWeb site. Open the dummy page we created in Step 2 in a text editor. I used BBEdit, but TextEdit (see note below) will work just fine. For example, my dummy page is named "Photo Archives.html".
Note: If you're going to use TextEdit, you need to select the checkbox "Ignore rich-text commands in HTML files" from the Open & Save pane of the Preferences dialog PRIOR to opening the file from your iDisk.
Step 6.) Select all of the text (Command-A) and Delete.
Step 7.) Paste the following text, substituting the URL you want to link to.
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta http-equiv="refresh" content="0;url=http://www.mydomain.com/mypage.html" /></head><body></body></html>
Step 8.) Save the file. You're done! You now have a link in the main navigation which goes to any URL you want.
Mac OS X (10.4.4)

Hi,
I'm OK to step seven but in your example can you highlight or make bold the "url address part " I'm to replace with my own?
Thanks!
Step 6.) Select all of the text (Command-A) and
Delete.
Step 7.) Paste the following text, substituting the
URL you want to link to.
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
td"><html
xmlns="http://www.w3.org/1999/xhtml"><head><title></ti
tle><meta http-equiv="refresh"
content="0;url=http://www.mydomain.com/mypage.html"
/></head><body></body></html>
Step 8.) Save the file. You're done! You now have a
link in the main navigation which goes to any URL you
want.
Mac OS X
(10.4.4)
G4 iMac,1.25 iBook, G4 Tower Mac OS X (10.4.3)

How to make side navigation menu using ADF

Hi,
I wanted to make a side navigation menu, like, there is a vertical menu and if I place the cursor on(or select) one of the menu item and it shows the children menu items sideways( having go links).
How can I achieve that?
I am using Jdev 10.1.3.3

If I understand your requirement you're looking for something like this: http://deluxe-menu.com/sound-support-sample.html
Under 10.1.3 using ADF Faces I don't believe there is a component available to achieve this. Potentially under 10.1.3 you'll need to look to a 3rd party Javascript solution. Whether this will work with ADF Faces + JSF navigation is questionable. Potentially others on the forum can comment.
As an alternative solution under 10.1.3 you may want to look at using an af:tree component instead. It wont be as nice as the solution shown above, but will give you a multilevel menu selection.
Regards,
CM.

How to make fix navigation for single page w/ horizontal slider

I've created a horizontal sliding page with the use of anchor but i cant fix my navigation bar, can someone help me how to make it?
like this site http://www.selvagreenng.com/#abt
thank you very much

any help please? i will appreciate it a lot.

IWeb Navigation Menu (how to make it fixed)

Similar Messages

Maybe you are looking for