SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Css Links

  1. #1
    SitePoint Zealot
    Join Date
    Sep 2004
    Location
    new york
    Posts
    116
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Css Links

    I want to to have css links. With a dashed lines on top of the link and a solid line on the bottom of the link. Also it changes to a different color.

    how do I do that? Is there a way to do it in Dreamweaver? If so can you please show me?

    I really need help

    THanks

  2. #2
    @alexstanford Alex's Avatar
    Join Date
    Apr 2004
    Location
    Jacksonville, Florida
    Posts
    757
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Dreamweaver? No idea. I don't use that crap.

    Your way of doing this would be to apply something like:

    border-color: #000000;
    border-top: 1px dashed;
    border-bottom: 1px solid;
    border: 0px;

    That could be more compact code, but its the general idea of how you would add that CSS effect to your text. You would apply this to the anchor tag (a href...) I believe. I've never actualled done this, but I do believe it would be relatively easy.
    Alex Stanford @alexstanford tumblog about.me in fb G+ K
    TechTalkin The Premier Community for Technology Enthusiasts and Professionals
    Full Ambit Media Zero Sacrifice Web Design & Development; Made in the USA @fullambit in fb G+ K

  3. #3
    Are You There? KDesigns's Avatar
    Join Date
    Oct 2003
    Location
    Your Monitor
    Posts
    1,146
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you want just the text to change color or the area behind the link to change color? This is something you are going to have to handcode in CSS. You should probably take a look at alistapart.com. They have quite a few articles on CSS and a couple that would probably help you do exactly what you want.
    ChooseDaily.com - Follow on Twitter
    Top Resources for Web Designers and Developers Every Day!

  4. #4
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually DW can get you started, but you'll have to do the rest. From DW, follow along:

    File->New Document->General Tab->Select CSS Stylesheets->Then select Link Effects and click Create.

    Which will give you this:


    Code:
    a:link {
    	color: #0000FF;
    }
    
    a:visited {
      color: #3366FF;
    }
    
    a:hover {
    	text-decoration: none;
    }
    
    a:active {
    	color: #FF0000;
    }
    Adjust to suit from here or be more specific.
    Ryan Butler

    Midwest Web Design


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
  •