Forum Moderators: open

Message Too Old, No Replies

Colour image border

how do i do this?

         

bubbles50

11:56 am on Dec 9, 2006 (gmt 0)

10+ Year Member



as you can tell by my two efforts below im not too good at html :o

would anyone please help me with:
how would i give an image a solid coloured border in html?

<img border=1px solid #FF1493; src=http://example.com/35ji9et.gif>

<img src=http://example.com/35ji9et.gif {
border-color: #666666;
border-bottom: 1px solid;
}>

[edited by: encyclo at 12:47 pm (utc) on Dec. 9, 2006]
[edit reason] switched to example.com [/edit]

birdbrain

12:51 pm on Dec 9, 2006 (gmt 0)



Hi there bubbles50,

try it like this...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>image border</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
#myimage {
border:1px solid #ff1493;
</style>

</head>
<body>

<div>
<img id="myimage" src="http://i14.tinypic.com/35ji9et.gif" alt="" />
</div>

</body>
</html>

You might find this site useful for furthering your CSS skills...

[w3schools.com ]

birdbrain

bubbles50

12:53 pm on Dec 9, 2006 (gmt 0)

10+ Year Member



it worked thank you
thanks for the link too, had searched google for a site but no help so hopefulythis will help me in future too

bubbles

birdbrain

1:07 pm on Dec 9, 2006 (gmt 0)



No problem, you're welcome. ;)