Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2012
    Thanked 0 Times in 0 Posts

    HTML: inline image & borders/border-width

    hi, i'm new to html and have a question. any help would be much appreciated.

    my book says setting an inline image as a link will make it have a border.

    i'm supposed to set some images as links and then modify the border-widths.

    i think i did this right (clicking each picture leads to the right destination)

    the problem is that although they're links, the pictures don't seem to have a border around them (actually, as per the instructions, i set all but one of the pictures' border-widths to 0, but even before i did that no border showed)

    i tried making the border bigger, but that did nothing

    since the images function as hyperlinks as intended, my question is what is wrong about my code that made it so borders did not show up?

          <img src="fiddler.jpg" alt="Fiddler on the Roof" />
          <hr />
          <a href="home.htm"> <img src="home.jpg" alt="home" /></a>
          <a href="slide1.htm"> <img src="start.jpg" alt="start" /></a>
          <a href="slide1.htm"> <img src="back.jpg" alt="back" /></a>
          <a href="slide2.htm"> <img src="forward.jpg" alt="forward" /></a>
          <a href="slide6.htm"> <img src="end.jpg" alt="end" /></a>
          <br />
          <a href="slide1.htm"> <img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a>
          <a href="slide2.htm"> <img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a>
          <a href ="slide3.htm"> <img src="thumb3.jpg" alt="slide3" style="border-width:0" /></a>
          <a href="slide4.htm"> <img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a>
          <a href="slide5.htm"> <img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a>
          <a href="slide6.htm"> <img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a>
    here's a link: http://jritt.brinkster.net/tutorial2/case2/slide1.htm

  2. #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Thanked 2,250 Times in 2,237 Posts
    Set a color and style to the border, like boder:5px solid red;


Tags for this Thread

Posting Permissions

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