Results 1 to 2 of 2

Thread: How to change part of the border color

  1. #1
    Join Date
    Nov 2009
    Location
    Isfahan, Iran
    Posts
    229
    Thanks
    46
    Thanked 1 Time in 1 Post

    Default How to change part of the border color

    Here's a sample navigation menu:

    Code:
    nav {
      border-top: 5px solid;
    }
    
    nav a {
      font-size: 12px;
      padding: 1em;
    }
    Code:
    <nav>
      <a href="#">Page 1</a>
      <a href="#" id="current">Page 2</a>
      <a href="#">Page 3</a>
      <a href="#">Page 4</a>
    </nav>
    DEMO

    How can I change the part of the border color above the current page so it looks like this:

    Click image for larger version. 

Name:	menu.png 
Views:	76 
Size:	9.5 KB 
ID:	6344

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    512
    Thanks
    9
    Thanked 61 Times in 59 Posts

    Default

    This should be how you want it.
    https://jsfiddle.net/a6cjsqbL/

    (I have it on hover but i can change it to current page - lack of info to know what you want)
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

  3. The Following User Says Thank You to Deadweight For This Useful Post:

    Rain Lover (05-01-2019)

Similar Threads

  1. Replies: 0
    Last Post: 09-25-2016, 06:52 PM
  2. Change part of site to dynamic.
    By endorphin in forum General Paid Work Requests
    Replies: 0
    Last Post: 10-30-2009, 03:56 PM
  3. Ultimate Fade-in slideshow - how to change border color
    By mitja in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 08-21-2009, 04:28 PM
  4. Replies: 4
    Last Post: 10-23-2008, 06:17 AM
  5. Change Part of a Href on Mouse Over
    By kiwiupover in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 03-28-2008, 10:21 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •