RobMatthews10
Programmer
Hello. I'm using DreamWeaver CS4 to make a page for the website I work for. I am trying to insert two images into on Div tag and having trouble positioning the second image. The image says "Next" with an arrow that I want to display in the right side of the Div tag. Here's my coding, however I tend to try to stay within design view so any tips for fixing my problem in design view would be very helpful.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#proteambanner {
background-color: #383838;
width: 951px;
margin-right: auto;
margin-left: auto;
}
#proteambanner img {
padding-left: 18px;
padding-top: 13px;
}
#arrows {
background-color: #383838;
width: 951px;
margin-right: auto;
margin-left: auto;
}
#arrows img {
padding-top: 13px;
padding-left: 18px;
}
-->
</style>
</head>
<body>
<div id="proteambanner"> <img src="pro team banner.png" width="914" height="157" align="top" /></div>
<div id="arrows"><img src="proteamleftarrow.png" width="297" height="37" /><img src="proteamrightarrow.png" width="176" height="37" align="top" /></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#proteambanner {
background-color: #383838;
width: 951px;
margin-right: auto;
margin-left: auto;
}
#proteambanner img {
padding-left: 18px;
padding-top: 13px;
}
#arrows {
background-color: #383838;
width: 951px;
margin-right: auto;
margin-left: auto;
}
#arrows img {
padding-top: 13px;
padding-left: 18px;
}
-->
</style>
</head>
<body>
<div id="proteambanner"> <img src="pro team banner.png" width="914" height="157" align="top" /></div>
<div id="arrows"><img src="proteamleftarrow.png" width="297" height="37" /><img src="proteamrightarrow.png" width="176" height="37" align="top" /></div>
</body>
</html>