SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Css Navigation ?

    Is there anyway to do the navigation on this site in CSS alone? Instead of using colored boxes as images, it would just use colors and borders?


    http://www.digital-web.com/

    Here is my example I did, but I am wanting to have a thin border around the colored hover box, not just plain

    http://homepages.evansville.edu/bk38/csslink.htm

    Any help would be wonderful
    Thanks

  2. #2
    Rabble Rouser bronze trophy
    Join Date
    Jan 2003
    Location
    Mountain View, CA
    Posts
    427
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Something like this perhaps?

    Code:
    <html>
    <head>
    <title>link box</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    a {
        display: block;
        width: 4.5em;
        color: #000000;
        text-decoration: underline;
    }
    a:hover {
        color: #999933;
        text-decoration: none;
    }
    span.box {
        float: right;
        display: block;
        height: 1.2em;
        width: .5em;
        border: 1px solid #000000;
        background-color: #990000;
    }
    a:hover span.box {
        background-color: #0099cc;
    }
    -->
    </style>
    </head>
    
    <body>
    <p>hello</p>
    <p>&nbsp;</p>
    <p><a href="#"><span class="box"></span>whats up</a> </p>
    </body>
    </html>

  3. #3
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,810
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Give this a go, then play with the values... http://www.alistapart.com/stories/taminglists/
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by TheOriginalH
    Give this a go, then play with the values... http://www.alistapart.com/stories/taminglists/
    Wow, this link's being passed around almost as much as the Box Model Hack!

  5. #5
    SitePoint Wizard jag5311's Avatar
    Join Date
    Jan 2003
    Location
    Somewhere in Indiana
    Posts
    3,082
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, I will try it out


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
  •