Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Jun 2002
    Location
    United States
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Image border help

    Is there any possible way to make a gif-border around an image instead of that default black border.

  • #2
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    I'm not sure what you mean by gif-border.
    .gif is just a image format not a style. But you can change the color of the border <img src="this.png" border="2" bordercolor="green">
    or you can make a border from a table and change it's color that way: <table border="1" bordercolor="green"><tr><td><img src="this.png"></td></tr></table>

    If done with the table you can customize the border a little with css: <table style="border-style:dashed;border-width:3;border-color:green;" border="1"><tr><td><img src="this.png"></td></tr></table>

    Did that answer your question?
    Omnis mico antequam dominus Spookster!

  • #3
    New Coder
    Join Date
    Jun 2002
    Location
    United States
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    What i mean is i want an image border instead of a color border around my image.

  • #4
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    Well in that case you will have to edit the images in an graphics program eg; Paintshop pro or Photoshop.

    example: http://www21.brinkster.com/cubestudi...inka=imagepage

    If you need I could edit them for you.

    I could do it for you if you want..
    Last edited by Mhtml; 07-22-2002 at 06:56 AM.
    Omnis mico antequam dominus Spookster!

  • #5
    New to the CF scene
    Join Date
    Jul 2002
    Location
    Oregon
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    Hi,

    To use an image as a table border:
    ("n1" is the thickness of the top border for height and "n2" is the thickness of border for width.)

    Type <table border=0 cellspacing=0 cellpadding=0> to begin.
    Type <tr><td colspan=3 height=n1 background="yourimage.gif">nbsp;</td></tr> This completes the cell and row and fills it with a non-breaking space to ensure it appears. NOTE* This forum doesn't like the non-breaking code or I'm doing something wrong so add the ampersand & in front of the nbsp;

    Type <tr><td width=n2 background="yourimage.gif">nbsp;</td> using the same image as above.

    Type <td>Your Content Here</td> where content is what you'd like to display in the table, even another table.

    repeat above <td width=n2....</td>

    Type </tr>

    Repeat above <tr><td colspan=3 height=n1.....</td></tr>

    Type </table> to end

    A pain but fun to play around with. Hope it helps.

    Bye,
    Allan
    Last edited by HalloweenFreak; 07-23-2002 at 03:03 AM.

  • #6
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    Well if you put it that way you can also use z-index and absolute positioning to move one image above another image.

    I never even thought of what HalloweenFreak did, that is a very clever way of doing it.
    Omnis mico antequam dominus Spookster!


  •  

    Posting Permissions

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