Navigation with active css sprite image does not

Hi, I'm doing a navigation with an image of the sprite, but I can't seem to do the active state (maybe because I have a missunderstanding of the active State really is). What I try to do is for the name of the page to be highlighted during the consultation. (orange is steady state which works fine)

Any suggestions on what I am doing wrong?

Thank you

nav.png

The code is the following:

HTML:

< ul id = "nav" >

< li = 'nav-home' id > < a href = "index.html" > home < /a > < /li >

< id li = "nav-heart" > < a href = "cuant_portfo.html" > portfolio < /a > < /li > ""

< id li = "nav-wayww" > < a href = "cuant_wayww.html" > how we work < /a > < /li > ""

< li = 'nav-prices' id > < a href = "cuant_rates.html" > rates < /a > < /li > ""

< id = "nav-contacto" li > < a href = "cuant_contacto.html" > let < /a > < /li > ""

< /ul >

CSS:

#nav, #nav li {}
margin: 0;
padding: 0;
list-style: none;
}


#nav li {}
text-indent:-9999px;
}


#nav a {}
margin: 0;
Width: 200px;
height: 44px;
display: block;
float: left;
position: relative;
left: 14px;
top: 110px;
z index: 3;
background-image: url(img/nav.png);
}


#nav #nav - home a: link {}
background-position: 0 0;
}


#nav #nav - host a: visited {}
background-position: 0 - 88px;
}


#nav #nav - home a: hover {}
background-position: 0 - 44px;
}


#nav #nav - host a: active {}
background-position: 0 - 88px;
}


#nav #nav - heart a: link {}
background-position:-200px 0;
}


#nav #nav - heart a: visited {}
background-position:-200px-88px;
}


#nav #nav - heart a: hover {}
background-position:-200px-44px;
}


#nav #nav - heart a: active {}
background-position:-200px-88px;
}

#nav #nav - wayww a: link {}
background-position:-400px 0;
}


#nav #nav - wayww a: visited {}
background-position:-400px-88px;
}


#nav #nav - wayww a: hover {}
background-position:-400px-44px;
}


#nav #nav - wayww a: active {}
background-position:-400px-88px;
}


#nav #nav - rate a: link {}
background-position:-600px 0;
}


#nav #nav - rate a: visited {}
background-position:-600px-88px;
}
#nav #nav - rate a: hover {}
background-position:-600px-44px;
}


#nav #nav - rate a: active {}
background-position:-600px-88px;
}


#nav #nav - contacto has: link {}
background-position:-800px 0;
}


#nav #nav - contacto a: visited {}
background-position:-800px-88px;
}


#nav #nav - contacto a: hover {}
background-position:-800px-44px;
}


#nav #nav - contacto has: active {}
background-position:-800px-88px;
}

There should be an editable region in the head of the child page called 'head '.  Y - put a stylesheet incorporated

Tags: Dreamweaver

Similar Questions

  • Css background image does not properly

    The background image of my site used to be a different file name, when I switched to another file, he always tries to partially display the old image on top of the other. the link of the site is

    http://champstestsite.BusinessCatalyst.com

    BG should be/img/2.jpg, his tent to display /img/bg_all.jpg ontop of it... weird remnant because ive checked everywhere in the code for IT. more different computers/browsers/erased the cache/temp ect

    Hello SpongeCake0ne,

    The image of bg_all comes from the/js/script.js file. On line 11, it is adding the problem image to the body.  Change or remove that and you should be good.

    Hope this helps,

    Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

  • Hi, I use lightroom 5 and have been for several years.  Today I imported several batches of today images from different cameras without any problem, but the images of a particular card (with an incredibly large memory) does not matter.

    Hi, I use lightroom 5 and have been for several years.  Today I imported several batches of today images from different cameras without any problem, but the images of a particular card (with an incredibly large memory) does not matter.  I see other people have had similar problems, but I am not able to follow these solutions and would very much help here.  I have an IMac.

    If you had probably two problems

    Permissions, the other is the hardware problem causing slow import and the card cannot be read by your operating system.

  • Nav background image does not display in some browsers...

    Hello

    I am trying to build a model of Web site - still ironing a few bugs, but just found out that the information in my navigation bar image does not appear on some browsers (including certain versions of Internet Explorer). It works in IE8 where my first test (on both my drive local and temporary 'live' server, but in most other browsers, does not appear...

    Here is a link to my test page:

    and here's the css with the code in red:
    / * Menu external Wrapper * /.
    {.p7PMMh04}
    Width: auto;
    height: 20px;
    margin: 0 auto;
    do-family: Arial, Helvetica, without serif.
    do-size: 11px;
    make-weight: bold;
    background-image: url (img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
    }
    / * Hide the submenu in Design view
    Compensate for the LI padding on doors sliding themes * /.
    .p7PMMh04 ul div {}
    display: none;
    }
    /*
    TOP LEVEL MENU
    */
    .p7PMMh04 ul {}
    margin: 0;
    padding: 0;
    }
    .p7PMMh04 li {}
    list-style-type: none;
    float: left;
    Width: 120px;
    }
    / * Hide IE5 Mac * /.
    .p7PMMh04 li {}
    Width: auto;
    }
    / * High level links * /.
    .p7PMMh04 a {}
    display: block;
    text-decoration: none;
    padding: 2px 14px 3px 14px! important;
    color: #ffc42a! important;

    / * border-right: 1px solid #8184e6;  */

    text-align: left;
    }
    / * Link stationary when a drop-down list is not present * /.
    .p7PMMh04 a: hover {}
    color: #df8f04! important;

    / * background-color: #DFDFDF; * /
    }
    /*
    Syntax of the special classes programmatically assigned to the first and last links and also read
    See the guide the user for more information
    .p7PMMh04 ul a.pmmfirst {}
    border-left: 1px solid #df8f04;
    }
    .p7PMMh04 ul ul {a.pmmfirst}
    border-left: 0;
    }*/
    .p7PMMh04 ul a.pmmlast {}
    }
    .p7PMMh04 ul li.pmmfirst {}
    }
    .p7PMMh04 ul li.pmmlast {}
    }
    / * First void / level * /.
    .p7PMMh04 ul ul {}
    z index: 10000;
    background-color: #333;
    Width: 150px;
    background-image: url(img/pmm_carbon_subs.jpg);
    background-repeat: repeat-x;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    }
    .p7PMMh04 ul ul li {}
    float: none;

    background-color: #000;
    background-image: none;
    }
    .p7PMMh04 ul ul a {}
    padding: 4px 12px! important;
    color: #ffc42a! important;
    border-right: 0;

    text-align: left;
    overflow: hidden;
    }
    / * tread on 1st level transfer * /.
    .p7PMMh04 ul ul a: hover {}
    background-color: #333;! important;
    color: #df8f04! important;

    }
    / * Third level (launchers in the horizontal menu) * /.
    .p7PMMh04 ul ul ul {}
    border-top: 1px solid #df8f04;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #df8f04;
    }
    /*
    THE IMAGE-ORIENTED SPECIAL RULES
    */
    .p7PMMh04 img {}
    border: 0;
    }
    .p7PMMh04 .p7PMM_img {}
    padding: 0px;
    border: 0;
    background-image: none;
    background-color: transparent;
    }
    /*
    TRIGGERS and the RULES of MARK CUURENT
    The Closed state is related to the trigger elements when their kids meals are not displayed
    The open State refers to the trigger components when their kids meals are displayed
    Selectors added with _left automatically change the orientation and position of the arrow
    If additional levels are set to fly to the left
    */
    / * Void / level * /.
    .p7PMMh04 ul a.trig_closed .p7PMMh04 ul a.trig_closed_left {}
    background-image: url(img/pmm_south_medium.png);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul a.trig_closed_up {}
    background-image: url(img/pmm_north_medium.gif);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul a.trig_open .p7PMMh04 ul a.trig_open_up {}
    Color: #000! important;

    background-color: #DFDFDF! important;   / * It's background color of rolling main drop-down list *.
    }
    .p7PMMh04 ul ul {a.trig_closed}
    background-image: url(img/pmm_east_dark.png);
    background-repeat: no-repeat;
    background-position: Center-right;
    }
    .p7PMMh04 ul ul {a.trig_closed_left}
    background-image: url(img/pmm_west_dark.gif);
    background-repeat: no-repeat;
    background-position: left Center.
    }
    .p7PMMh04 ul ul {a.trig_open}

    color: #FFF! important;
    background-color: #424242! important;
    }
    / * The current marker (you're here) links * /.
    .p7PMMh04 .current_mark {}
    make-weight: bold;
    color: #60c3d1! important;
    }
    .p7PMMh04 ul ul {.current_mark}
    color: #FFF! important;
    }
    /*
    Rule the utility used for floats in the horizontal Menus
    */
    {.p7pmmclearfloat}
    Clear: both;
    height: 0;
    line-height: 0;
    do-size: 0;
    }
    ---------------------------------------------
    Thanks in advance for any advice,
    Jesse

    Add overflow: hidden; (as shown below) for the class selector in your stylesheet p7PMMh04.css .p7PMMh04

    {.p7PMMh04}
    Width: auto;
    height: 20px;
    margin: 0 auto;
    do-family: Arial, Helvetica, without serif.
    do-size: 11px;
    make-weight: bold;
    background-image: url (http://home.roadrunner.com/~jgigandet/trinity/img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
    overflow: hidden;

    }

  • Craigslist 'Reply' and the buttons 'Add images' does not

    Until a few weeks ago, I used Firefox with no problem when browsing and posting Craigslist ads. Recently, the 'Reply' button in the messages does not at all. Nothing happens when I click it. When I write ads, the button 'Add images' does not save when I click it. I had to go back using Internet Explorer when using Craigslist. Help, please! (If it helps, I had to post this question in Internet Explorer, as the button "Question" on the page does not work in Firefox).

    Clear the cache and delete cookies only from Web sites that cause problems.

    "Clear the Cache":

    • Firefox/tools > Options > advanced > network > content caching Web: 'clear now '.

    'Delete Cookies' sites causing problems:

    • Firefox/tools > Options > privacy > "Use the custom settings for history" > Cookies: "show the Cookies".

    Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem.

    • Put yourself in the DEFAULT theme: Firefox/tools > Modules > appearance
    • Do NOT click on the reset button on the startup window Mode safe
  • Vision Inspection Builder 3.6 calibrate Image does not work

    I use a camera, NI 1722, with the Vision Builder AI 3.6 software to read 2D data matrix code.

    Unfortunatlly the camera can be mounted directly on the code, its at an angle of about 20 °.

    The step of "Reading data matrix Code" works very well, however we don't always not the classification "nonuniformity Axial.

    I want to calibrate the image to adjust the view. To do this, I find the 4 edges of my matrix Code, then 4 intersections of the edges (ie the corners)

    I know that my matrix code is a square 9x9mm. So, I use the Image step calibrate to account for this.

    It works very well in "Setup" Mode, when I run individual State.

    However when I run the Inspection, step to calibrate Image still fails and is not calibrate the image.

    Please find enclosed pictures of file and the example of the vbai.

    After trying many different things, I later upgraded to VB AI 2009 SP1

    Yet once after many different configuration etc, I finally solved the problem.

    (1) with VB AI 2009, if you apply calibtation to a step to acquire images, it will always fail!

    I don't know why this option is there (maybe it works with different cameras)

    (2) you must use "Select an Image" step between steps acquire Image and the Image calibrate.

    Calibrate the Image does not seem to use the last Image acquired in the State

  • The right click "rotation" clock or function in a clockwise direction counter on my images does not work

    The right click "rotation" clock or function in a clockwise direction counter on my images does not work
    There is a range of adjustment that may be messed up?

    You are under Win XP and the display of photos with Windows Picture and Fax Viewer?

    Explain what you mean when you say "does not" you receive an error?

    The following command will force a reinstall of Windows Picture and Fax Viewer and can be worth a try:

    Reach... Start / run... and type
    (or copy and paste):

    regsvr32 /i shimgvw.dll

    (Yes, the space after the 2 and the)
    After the i is necessary)

    Press on... Come in...

    You should see a dialog box stating:
    DllRegisterServer and DllInstall in successful shimgvw.dll

  • Why the original image does not appear on my desktop and not Wo one?

    Why the original image does not appear on my desktop and not Wo one?

    I made adjustments to an image that shows himself such that adjusted with the symbols at the bottom right of the image.
    I tried to drag and drop and he transferred the original image.

    The adjusted picture can be transferred and what I need to do or I do something wrong?

    Thank you

    Greg,

    Claes has pretty much nailed. You will do well to spend time to learn how Lightroom works. He is not like most software that you've used before, and if you don't understand what it does and how it does, you stand a good chance of losing your images.

    Try googling 'Lightroom tutorials' or 'get started in Lightroom. It's not rocket science, but it's different.

    HAL

  • Edit an image from lightroom to photoshop... Image does not open.

    When I want to edit an image from Lightroom to Photoshop (CC), Photoshop opens, but the image does not work. However, I am still able to do with some images, but some images are simply no opening. This is the time of fisrt I have this problem.


    My version of photoshop is CS5 extended.


    I have Lightroom 6.0.


    I'm with P.C.


    Thank you

    Photoshop Cs5 will not open images Nikon D750

    You must use the version of Photoshop cs6/CC or DNG converter to be able to view these images in Photoshop cs5 in DNG

    Download DNG Converter:-Adobe - Adobe Camera Raw and DNG Converter: for Windows: Adobe DNG Converter 9.2

    Concerning

    Assani

  • Can someone help me? PNG image does not appear on Dreamweaver cs6

    Can someone help me? PNG image does not appear on Dreamweaver cs6,

    Why its display with blue bg? his strange appearance... !!

    hand.jpg

    Thanks for your reply...

    Well, the problem was on the mode of the image. It is in gray scale, when it changed to RGB-image works fine...

    Once again thank you!

  • Image does not appear in all browsers

    On the homepage, just below of the "available soon dethrone" now has a command button. It seems that with Safari. I tried Firefox, Chrome and IE, and the image does not appear on one of these. The thing that annoys me is that the image was there before and worked fine, I didn't make it bigger and link, so I'm confused why all of a sudden it is not displayed.

    Thanks in advance for any help.

    http://turtlecell.com

    Post edited by: hcblue

    I suspect that your image is not properly optimized for the web.  Open in Photoshop & press on file > save for Web.

    In Panel of DW of files, the PUT option (up arrow) is used to upload files to your server.

    Nancy >

  • Background image does not appear

    I worked on my Web site recently, and in order to personalize it a bit more I added some background images to the cells. The problem is that the image does not appear in my browser. I tested background images of page too and nothing. It makes no sense. I select the cell, go to the properties panel, and then find a background image. Once I have select this one appears in dreamweaver, looking the way it is supposed to. After I downloaded the page, however, I check in my browsers, Mozilla Firefox and Internet Explorer, and the image is not there. All this shows is the background color of the cell or of the page, depending on the question of whether I make the background color of the transparent cell. I asked a few friends to view the page too to see if it is for them and they tell me that it is not for them either. Anyone know why this is happening? Oh I should mention I publish as an html file and I tried both .jpeg and .png file types. In addition, it's all in Dreamweaver 8. Any help would be greatly appreciated. Thanks in advance.

    Background ="... /... / move background2.jpg

    can't go up two levels of folders from there...

    Also should avoid spaces in the names of files and folders.

    copy of a previous post on this topic:

    the style sheet link and especially images that you have placed have paths such as
    this:

    ../gifs/ means go UP one folder level, then into the folder named ">

    The problem: the home.html file is at the level of the root of the public
    space web is not not to attend. So all these paths are distributed on the
    downloaded pages.

    My guess her site definition is set to the wrong folder level in the
    local and remote site.

    The way it should be is the local and remote should be defined in the folder
    that contains home.html. Use the 'Folder of the Site Local' button to select the
    good record and the "host directory" If the folder level must be
    adjusted on the remote control (such as you land in a high level of private accommodation
    folder when connecting with ftp and need to go to one site files
    folder named "public_html" then type public_html directory of the host
    the remote server info line)

    > The page is http://www.flash-vault.com/submissions.
    > The background image is supposed to appear behind the five titles in the
    > first column. It appears in dreamweaver and when I saw, but not after
    > It is published.
    >

  • You cannot be activated because the iPad does not connect to the server

    You cannot be activated because the iPad does not connect to the server. I was told to come to the address in internet apple.com/es/support and do not see it as the solution. Can someone help me

    What is the wording accurate and complete error message?

    If she says the activation server cannot be reached/contacted

    There are 4 possible causes for this error message:

    1] activation server is actually down. Very rare and of short duration when it

    Sometimes. Solution - try again.

    [2] your firewall and/or antivirus software preventing the necessary connection. Solution-

    temporarily disable your firewall and/or antivirus software, up to the end of the activation.

    [3] computer used for activation has been used to jailbreak an iOS device in the past.

    Solution - use another computer.

    [4] iPad has been jailbroken. Your favorite search engine can provide indications but often prevent jailbreaks

    the activations/updates to succeed. By the terms of use of this forum, discussion on jailbroken iPad is

    prohibited.

  • Active Directory users & computers does not open in MS Server 2003 Enterprise 64-bit?

    Hello

    Active Directory users & computers does not open in MS Server 2003 Enterprise 64-bit?

    Hello

    Post your question in the TechNet Server Forums, as your question kindly is beyond the scope of these Forums.

    http://social.technet.Microsoft.com/forums/WindowsServer/en-us/home?category=WindowsServer

    See you soon.

  • SSRS 2008 SP4 - header or footer of the report contains the dynamic image does not change

    Hello

    Our version of Reporting SERVICES to current production is 2008 (not R2). And we have the problem that the header or footer of the report contains the dynamic image does not change accordingly.

    According to this hotfix, the problem has been resolved in the last SP R2 and we tested, it works.

    https://support.Microsoft.com/en-us/KB/2563216

    So we applied the latest SP to SQL Server 2008, however, the problem persists.

    However, we do not expect to upgrade the SQL Server 2008 to 2008 R2 for the moment.

    Guys have faced the same problem before and has an idea how to solve this problem on SSRS 2008 or any workaround?

    Thank you

    Kind regards

    Dan

    Hi Dan,.

    For assistance on questions related to SQL Server 2008 and SSRS 2008 SP4, ask your questions here:

    https://social.technet.Microsoft.com/forums/WindowsServer/en-us/home

    https://social.msdn.Microsoft.com/forums/en-us/home?category=SQLServer

    Hope the information is useful.

Maybe you are looking for

  • can not put a new tab to open the default google search

    I found these instructions:In case you need more than one step by step: (1) in a new tab, type or paste about: config in the address bar and press ENTER. Click on the button promising to be careful. (2) in the search above the list box, type or paste

  • use coma

    Deseo put numbers to con vean este formato 400,852.82. Como puedo hacer esto?

  • HP Pavilion p7-1210 door Desktop optical drive is not closed

    This gate used to stand firm, covering an expansion Bay empty.  Now it has opened and remains open; won't stay closed not so closed manually.  My guess would be a kind of lack of jurisdiction, but I don't know how to take apart and locate the absence

  • I can't open my email on my pc.

    Original title: email problem I can't open my email on my pc, but I have no problem with my ipad.

  • Why my creative cloud won't install or run?

    My creative cloud will not install or run. It opens either. He's right there. I click the icon several times and nothing happens.  I tried to uninstall and it won't. It's as if she refuses to uninstall or do anything.  I tried to download again and a