Custom CSS Issues, Includes code used

  • I am trying to make a map in which each state links to a separate page with a rollover for color change. I am writing CSS in style.css. Here is my test CSS code:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    And when going to the page I want this to display on I am inputting this:

    <div id="texas"><a href="https://ptsdusa.net/locations/texas"><img src="https://ptsdusa.net/wp-content/uploads/2011/05/texas.png" width="187" height="182" alt="texas"></a></div>

    [Please post code snippets between backticks or use the code button.]

    The page does not appear to be accepting the CSS at all. Any and all help would be greatly appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

    Thread Starter Tim.Lozano

    (@timlozano-1)

    Sorry, I meant to.

    https://ptsdusa.net/locations/

    Thanks

    you have a html image covering your background images; you won’t be able to see the :hover change of color.

    try to add an offset of a few pixel to the background position to see that the styles are actually getting applied.

    or use #texas img { display: none; }

    Thread Starter Tim.Lozano

    (@timlozano-1)

    #texas img { display: none; } has been in my code, and I have my hover set to a slice that is the same but with a color change. I have a pixel shift of top: 105px; and left: 100px; that is clearly not effecting my div.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom CSS Issues, Includes code used’ is closed to new replies.