PDA

View Full Version : Problems with images within Div tags


Rob.Matthews
12-02-2009, 02:54 PM
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" "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>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>

dzwestwindsor
12-15-2009, 08:26 PM
go into ur CSS rules (on the right side CSS panel, double clik on the arrows div) then go to BOX, and set the FLoat to RIGHT. Hope that works.

dzwestwindsor
12-15-2009, 08:40 PM
k, I think I went over that too broadly. So basically, these are the steps-

1. In Dreamweaver make sure you are in Design view-- (On the upper right hand of your window make sure that it says "Designer"
2. On the right hand, There should be a tab that says "CSS styles". Open up that tab
3. Choose "arrows" (double click)
4. When the dialog box pops up, select the "Box" Tab
5. Change the Float to "Right"

Hit "ok" It should work.