CSS Rollover Menu with pictures and witness to the Page class

Hello.

I found a very interesting video here: http://www.youtube.com/watch?v=vv8cRYGCvIY on creating a CSS Menu Rollover with Images and indicator of current Page (I tested it and it works fine).

I have a web site with 15 pages based on a template, and I want to use this sample video to do the same thing on my website.

Please tell me if I can use the sample from the link above to do so.

What should I change in the css file (which new class should I do) so that it works on a web site based on a template?

Thank you!

I don't know about this video tutorial, but an indicator of menu persistent at the level of the site ("you are here" highlighting) is easy to do with CSS classes.

Details and examples of code below:

http://ALT-Web.com/articles/persistent-page-indicator.shtml

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • a vertical scrolling page to page is reloading - when I click on the menu, it scrolls, and then reload the page. boring

    I created a page a Web site with vertical scrolling and anchor points.  When I click on the menu item, it scrolls, and then reload the page.  How can I stop this action?   I want just a smooth roll to anchor and do not reload each time.

    TIA

    This is not normal. Sounds like something that is triggered by the custom code added to the HTML page or by a third party widget, but it's totally impossible to say without the URL of the page.

  • I get emails with pictures and when I send them to others. they open them but the images are not displayed. The photos are there when I send them. Thank you

    I get emails with pictures and when I send them to others. they open
    their place but the images are not displayed. The photos are there when I send a
    them. Thank you

    Make sure that your security software (antivirus) is not blocking attachments.

  • How can I send a html file exported from muse like breath of e-mail with pictures and links?

    My question:

    How can I send a html file exported from muse like breath of e-mail with pictures and links?

    I designed a 'Web site' in muse Adobe and exported in the form of html file. I don't know how to send my .html file in an email!

    Best,

    Nicole

    Thank you!

    I was actually able to publish muse about Business Catalyst and then use the generated html code to create a blast email in Mail Chimp!

  • How to make "Windows Picture and Fax Viewer" the default viewer?

    "Picasa" to look at someones photos on the web, and now when dbl click on image, Picasa comes back as the image viewer.
    Is possible, with a permanent framework for XP, do "Windows Picture and Fax Viewer" the default viewer? Thanks again for your help. akmbd166 (XPpro, SP-2, 7 - IE, Office2003)

    "Picasa" to look at someones photos on the web, and now when dbl click on image, Picasa comes back as the image viewer.
    Is possible, with a permanent framework for XP, do "Windows Picture and Fax Viewer" the default viewer? Thanks again for your help. akmbd166 (XPpro, SP-2, 7 - IE, Office2003)

    =================================
    The display of images by default XP's Windows Picture and
    Fax Viewer... so all you have to do is to reset the default values:

    See the following link:

    Utility to repair image file associations
    http://WindowsXP.MVPs.org/imgassofix.htm

    more information:

    (307859) how to change or select which program
    starts when you double-click a file in Windows XP
    http://support.Microsoft.com/?kbid=307859

    Try this... open a folder of images and right-click
    your file image... from the menu, select... Open
    With / choose program.

    Make your choice from the list, or click Browse for the
    correct program if it is not in the list.

    If you want the default value... to choose... "Windows".
    Picture and Fax viewer '.

    Once you make your choice... don't forget to check
    the box that says: "always use the selected program."
    to open this type of file. (you will need to do
    for each format, jpg, .tif, .gif... etc.)

    Also... you can click with the right button on an image and choose
    Properties / change button... Choose the program
    you want to use, and then click on... OK / apply / OK.

    Also, in Windows XP, you can go to... My computer.
    Tools / Folder Options / File Types tab...

    Volunteer - MS - MVP - Digital Media Experience J - Notice_This is not tech support_I'm volunteer - Solutions that work for me may not work for you - * proceed at your own risk *.

  • Automatic updates program turned out impossible to turn it on, with error message "site has encountered a problem and cannot display the page you are trying to view.

    Original title: Auto updates

    My automatic updates program is disabled.  When I try to turn it on, I get this message "the site has encountered a problem and cannot display the page you are trying to view.  Automatic updates forever, why was off and why he now won't come back?

    Bill T

    E-mail address is removed from the privacy *.

    Hi Bill,

    This problem can be caused if the automatic updates service may be missing in the Services snap-in.

    1. is the Service Pack 3 installed on your computer?

    2. what anti-virus software you use in your computer?

    Follow the steps below:

    Method 1:

    To resolve this issue, follow these steps:

    1. Click Start, click run, type explore, and then click OK.
    2. Look for the following folder:

    %windir%\System32\inf

    Note The %windir%\System32 placeholder represents the path of the WINDOWS System folder. Typically, C:\WINDOWS is the path of the WINDOWS System folder.

    The inf folder is a hidden folder. To view the inf folder, follow these steps:

    a. on the Tools menu, click on Folder Optionsand then click the view tab.

    b. in the list of Advanced settings , click to display the hidden files and folders under hidden files and folders.

    c. click applyand then click OK.

    3. double-click on the inf folder, right-click in theand then click install.

    4. click on Browse. Look for, and then click the \ServicePackFiles\i386 %windir%\System32folder if the following conditions are met:

    • You install Windows XP SP3 from a CD Windows XP SP3 which included as part of the basic installation of SP3.
    • You have downloaded and installed Windows XP SP3 from the Microsoft Web site.
    • Windows XP SP3 was included with the computer.

    Note If the files from the Service Pack folder is not present on the computer, you can copy the files from a Windows XP SP3 slipstreamed installation CD.

    5. click OK to copy the files.

    6. change the setting on the computer to not display the hidden files and folders. To do this, follow these steps:

    1. On the Tools menu, click Folder Options, and then click the view tab.
    2. In the list of Advanced settings , click show not the hidden files and folders under hidden files and folders.
    3. Click applyand then click OK.

    7 restart the computer and check.

    Method 2:

    Follow the steps in the link below.

    You receive an error message "Windows Update has encountered an error and cannot display the requested page" when you try to install an update:

    http://support.Microsoft.com/kb/883614

    For reference:

    How to configure and use automatic updates in Windows:

    http://support.Microsoft.com/kb/306525

     

    If you need further assistance on this topic, let know us and we will be happy to help you.

  • Justify the Divs to the left and right of the page with the gaps between the two. Possible?

    I have 4 eponymous divs with different images and rollover Javascript on them, spread horizontally on my page effects.

    I'm trying to align their so there are gaps between each div, but NO space on the right and left side, so that they are tight to the edge. If I put a margin on the right side of 5px, for example, the div right hand still has a gap of 5px, otherwise he's going on the next line.

    Of course, I can make a new rule for the div of the right hand with no margin to the right, but this will make more complex Javascript code with perform effect hover on two types of divs.

    Is it possible to pin the divs to the left and right of the page with an 'auto' margins inbetween them?

    Untitled.jpg

    I found a solution in any case. I've adjusted to the width of the div so that they coincide closely each side. Then align the images (HTML) 'Left, middle, Hugo, right' so that they are tight against each side and have differences even between them. If all goes well, there is no flaws with this method, it seems to work pretty well.

  • How the other drive app option to calculate calories? I did 45 minutes yoga with him and he showed the 260 callus which is high of 45 mins of yoga session.

    How the other drive app option to calculate calories? I did 45 minutes yoga with him and he showed the 260 callus which is high of 45 mins of yoga session.

    ISuspect that is not correct.

    Hello

    Saving workouts through the app to drive using others as the type of activity, active calories are estimated at a rate equivalent to a brisk walk or based on the data recorded by the heart rate sensor, according to what is higher.

    The following steps can help to improve the accuracy of the estimates made by your watch:

    • Estimates for calories and other results depend, in part, your personal information. To verify that it is accurate:
      • On your iPhone, in the application of the watch, go to: My Watch (tab) > health > Edit (top-right).
    • While training, to optimize the performance of the heart rate sensor (data from which is used when estimating calories), make sure you wear your watch fits on top of your wrist. Apple suggests that consider you the clamping Strip before starting a workout and it loosen again thereafter.
      • Note that the heart rate sensor is likely to give better results for the workouts that involve rhythmic (such as running) rather than the irregular movements.
    • Calibrate your watch can improve the accuracy of various estimates related to the activity, including estimates of calorie. To calibrate your watch, follow the instructions in the link below support article. You can reset your calibration data and start the process:
      • On your iPhone, in the application of the watch, go to: Watch My > privacy > Motion & Fitness > tap reset Calibration data.

    More information:

    Use of the workout on your Apple Watch - Apple Support

    Your heart rate. What it means, and where on Apple Watch you will find. -Apple Support

    Calibrate your Apple Watch for better accuracy of training and activity - Apple Support

  • After taking a picture, and expand you the enlarged image can be saved. Thank you

    After taking a picture, and expand you the enlarged image can be saved. Thank you

    It is already saved, you have just expanded in the same way as it did on the screen of your computer.

  • problem with update of Windows 'site has encountered a problem and cannot display the page you are trying to view.

    Hi all, I recently rebooted my dell xps m140 older and I would get all the updates from microsoft. When I go to this webiste - http://www.update.microsoft.com/windowsupdate/v6/default.aspx?ln=en-us...i click on purpose and he says:-"the website has encountered a problem and cannot display the page you are trying to view. The options provided below may help you solve the problem. "no work around for this?

    You must be at Service Pack 3 level before you can use Windows updates.

    How to obtain the latest Windows XP service pack
    http://support.Microsoft.com/kb/322389

    You have not provided us with sufficient detail as to what level you are at

    If you haven't already done so, you will need to install the SP2 and SP3 (SP1 note no longer exists).

    To determine which service pack is currently installed on your computer, follow these steps:

    1. Click Startand then click run.
    2. Copy and paste, or type the following command, and then click OK:
      winver

      A dialog box displays the version of Windows and the service pack that is currently installed on your computer.

    Installation of SP2 - http://support.microsoft.com/gp/xpsp2getinstall

    Steps to take before you install Windows XP Service Pack 3
    http://support.Microsoft.com/kb/950717

  • After the reinstallation of Vista (32 bit) I'm done with Windows and most of the stuff on the disk 1 (c), but with stuff on the disk 2 (d).

    original title: after reinstallation of Vista (32 bit), I found myself with Windows and most of the stuff on the disk 1 (c), but with stuff on the disk 2 (d). It's hard to backup.

    I wish all the disk 0, which is 250 GB, leaving the 1 free 500 GB disc to have been the repository of backup and archiving of others.  But I don't want to have to reinstall everything.  I couldn't move bootmgr, BOOTSECT. BAK and 'boot' folder on the disk 1 (c) by somehow the system partition?  Then there would be no OS stuff on disk 0 (D :); back, but better than mixed.)  What happens if I disconnect physically the smallest disk, Startup Repair will make the disc with Windows boot and system partitions? Thank you.

    Hi OldScientist,

    Before performing these steps, it is recommended to make a backup of your important data.

    Step 1: Mark Disk 1 (C) as active partition, then launch Startup Repair

    Follow the steps mentioned in the link below to mark C as active partition

    Mark a partition as active

    http://Windows.Microsoft.com/en-us/Windows-Vista/mark-a-partition-as-active

    Follow the steps mentioned in the link below to launch the Startup Repair tool

    How to use Startup Repair?

    If the problem persists,

    Step 2: Follow the steps mentioned in the article below to rebuild the BCD (Boot Configuration data)

     

    Error message when you start Windows Vista: "the Windows Boot Configuration data file is missing required information".

    http://support.Microsoft.com/kb/927391

    Thank you, and in what concerns:

    Ajay K

    Microsoft Answers Support Engineer

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Own CSS and JS in the page

    Hello! Is there a way to add own css and js in the page of the Adobe portfolio? How can I do?

    Hello! It is currently not a feature that is available, but I will definitely take that back to the team as a suggestion for future updates. In addition, you can submit the request feature here: https://behance.wufoo.com/forms/adobe-portfolio-feature-suggestions

  • Hi, how do I change the orientation of the page with headers and footers for facing pages

    Hello

    How to change the orientation of the page with headers and footers for facing pages in CS5

    Turning the page is only for the formatting of data - the page is not literally transformed for printing.

    In most print even if the pages of a book are enabled for the landscape, the header and the footer are still in the same position.

    If you need pages in landscape mode with headers and footers in a different location - you need to do these pages in the section "Master Pages" of the Pages panel

    Then apply these new Master Pages to the pages in your document.

    http://helpx.Adobe.com/InDesign/using/master-pages.html

    Note - it is not usual to have a different orientation for the headers and footers.

  • How to make a different picture appear every time the page loads?

    http://www.centersoflagunaniguel.com/

    like this, scroll under the main photo - there is a new store of photo and text when the page reloads. Is this possible in Muse?

    Hi Brittany,

    I think you are referring to the following picture and text that changes:

    This is a slideshow and it can be achieved in Muse with slideshow widget and fly-fishing on the menu, you can uncheck AutoPlay in order to change the image and the text when the page refreshes.

    Kind regards

    Akshay

  • pop-up menu displays a small copy of the page

    pop-up menu displays a small copy of the page

    screenshot: https://drive.google.com/file/d/0B0WFSu8N2MiEVWZZajZxeDVUcXc/edit?usp=sharing

    Hello

    Try Firefox Safe mode to see if the problem goes away. Safe mode is a troubleshooting mode, which disables most of the modules.

    (If you use it, switch to the default theme).

    • Under Windows, you can open Firefox 4.0 + in Safe Mode holding the key SHIFT key when you open the desktop Firefox or shortcut in the start menu.
    • On Mac, you can open Firefox 4.0 + in Safe Mode holding the key option key when starting Firefox.
    • Under Linux, you can open Firefox 4.0 + with leaving Firefox then go to your Terminal and running Safe Mode: firefox-safe-mode (you may need to specify the installation path of Firefox for example/usr/lib/firefox)
    • Or open the Help menu and click on the restart with the disabled... modules menu item while Firefox is running.

    Once you get the pop-up, simply select "" boot mode safe. "

    If the issue is not present in Firefox Safe Mode, your problem is probably caused by an extension, and you need to understand that one. To do this, please follow article Troubleshooting extensions, themes and problems of hardware acceleration to resolve common Firefox problems .

    To exit safe mode of Firefox, simply close Firefox and wait a few seconds before you open Firefox for normal use again.

    When find you what is causing your problems, please let us know. It might help others who have the same problem.

    Thank you.

Maybe you are looking for