border around video

jonathanduane2010
jonathanduane2010 used Ask the Experts™
on
Hi,

I was wondering what would be the best way to put a solid border around my video the colours i want to add are #72B242 and #FFF

here is the code attached and the web page is

thank you for taking the time to look

http://haughtons.actionit.ie/one.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Haughton Exhibitions</title>
<style type="text/css">
<!--
.container {
	height: 768px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-color: #D2D3D5;
	background-image: url(testing.jpg);
}
.menu {
	height: 50px;
	width: 870px;
	padding-top: 40px;
	padding-left: 60px;
	font-size: 24px;
}
.content {
	width: 640px;
	height:550px;
	float: left;
	padding-left:60px;
}
.content2 {
	width:268px;
	height:550px;
	float: right;

}
body {
	background-color: #D2D3D5;
}
.container .content2 table {
	text-align: right;
}
.containright {
	right: auto;
}
tr th {
	text-align: right;
}
body,td,th {
	color: #72B242;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.container1 {
	right: auto;
}
.test {
	border: medium solid ##72B242;
}

-->
</style>
</head>

<body>


<div class="container">
  
  <div class="menu">Haughton Exhibitions LTD</div>
<div class="content">
<div id="container1">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this rotator.</div>
	<script type="text/javascript" src="swfobject.js"></script>
	<script type="text/javascript">
		var s1 = new SWFObject("imagerotator.swf","rotator","600","340","1");
		s1.addParam("allowfullscreen","true");
		s1.addVariable("file","madrid.xml");
		s1.addVariable("width","600");
		s1.addVariable("height","340");
		s1.write("container1");
	</script></div>
<div class="content2"><table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    
  </tr>
</table>
  <table width="100" border="0" cellspacing="0" cellpadding="0">
    <tr>
      
      </tr>
  </table>
Content 2</div>

</div>
</body>
</html>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
You should be able to add the border to the container1 div.

You could do:

container1 {
border:solid #72B242 1px;
}

...which would but a border around the entire div for that color.  Otherwise, if you want different border colors on different sides you can:

container1 {
border-top: solid #72B242 1px;
border-bottom: solid #72B242 1px;
border-left: solid #fff 1px;
border-right: solid #fff 1px;
}

Author

Commented:
hi,

i have tried that but no luck :(

i have uploaded the html to http://haughtons.actionit.ie/one.html
Top Expert 2010

Commented:
you are missing # sign in front of container1 id
it should be like this
#container1 { ............
Bootstrap 4: Exploring New Features

Learn how to use and navigate the new features included in Bootstrap 4, the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.

Top Expert 2010
Commented:
replace your container1 ID with this code and it will work
#container1  {
border:5px solid #72B242;
float:left;
}

Open in new window

Author

Commented:
thank you so much

Author

Commented:
was very patient and very prompt, i am very grateful

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial