Need Help Creating A New Box In CSS, In Page

Discussion in 'CSS' started by 1witness, Apr 5, 2009.

  1. #1
    I am a newbie at CSS and Dreamweaver. If you go to this page http://www.sayitsocial.com/contact.html you will see my contact info, and underneath this you see my Map.
    I need to put the Map up top, to the right of the contact info instead at bottom. I have tried creating a new box, but cannot. I got as far as just before the H1 tag, Insert > div but dont know what else to do!!!

    Please give me some quick tips! step by step!! PLEASE~
     
    1witness, Apr 5, 2009 IP
  2. Cameljourney

    Cameljourney Prominent Member

    Messages:
    1,731
    Likes Received:
    107
    Best Answers:
    0
    Trophy Points:
    300
    #2
    First, you might want to resize the original image to maybe 550x330 pixel

    Second, it Would be better if u use the map image as a css background of #page_content instead putting it inside paragraph <img> tag.

    Delete the image inside the paragraph, then Put this code on the #page_content inside ur stylesheet
    
    background:transparent url(your-image.jpg) no-repeat scroll right top;
    
    Code (markup):
    Good luck
     
    Cameljourney, Apr 6, 2009 IP