Results 1 to 5 of 5

Thread: Can anyone make the link border disappear?

  1. #1

    Default Can anyone make the link border disappear?

    Hi guys. I'm new to Web Page Development and I've got a simple question that I need help with.

    I made a jpeg image a hyperlink for my welcome page. My problem is that there's a purple border around the image now that it's a link. I've tried using style="color: black" on the anchor <a> tag as well as in the <img src> tag. I use Adobe dreamweaver and it disappears on the development environment but not when I display it on my browser. I'm not sure if it's a browser issue. Can anyone tell me if it's an issue with IE 7.0 or can anyone give me suggestions on how to make the purple border disappear..forever?!

    Thanks in advance to anyone who shares his vastly superior knowledge with me.

  2. #2
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,059
    Blog Entries
    1

    Default

    You just have to add border: none or border: 0 to your images in your css file

    img {border: none}

    That should keep the border from showing up. If you just want to give it another color you can use

    img {border-color: "your color here"}

    Hope that helps.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

  3. #3

    Default

    Mr. Vangogh beat me to it, but he is right. I would also urge you to read up on CSS. In web development and design you will definitely need to learn the power behind CSS, and also read up about HTML Standards.
    Twitter: ShredderClay Tumblr: Shredder-Clay Recycle with your Paper Shredder, let me give you a few pointers how... use them in crafts, in shipping, in your compost pile....

  4. #4
    Registered User
    Array
    Join Date
    Jan 2009
    Location
    Texas
    Posts
    353

    Default

    I use the following - especailly when the image is not mine - border="0" - put this before the closing tag of the image. Thus, <img src="Images/MainImage.png" alt="" border="0" />

    But, Vangogh's method is the proper way.
    Capital LookUp - Business Information At Your Finger Tips!

  5. #5
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,059
    Blog Entries
    1

    Default

    The css method also takes care of every image on your site. The html method only takes care of the one image.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

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
  •