0 Replies Latest reply on Feb 1, 2010 4:28 AM by mikejsimon

    Problems positioning images within div tags

    mikejsimon Level 1

      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>