dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: Help with formating pictures in CSS

  1. #1
    Join Date
    Dec 2009
    Posts
    3

    Help with formating pictures in CSS

    I have a picture and set a <div id = "pic"> to it and in my style sheet im trying to do
    #pic
    {
    margin: 50px 0px 0px 250px;
    }

    im simply trying to move my picture to the upper middle part of my webpage but i think thats the wrong way to do it. Any help on this topic would be great thanks

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    We'll need to see the full document to help.

  3. #3
    Join Date
    Dec 2009
    Posts
    3
    html doc:


    <html>

    <head>


    <title>West Hill Hunting Club - Home</title>

    <link rel="stylesheet" type="text/css" href="whhc.css">


    </head>


    <div id = "memberslink"><a href="members.html"><img src = "members.jpeg" height = "50" width = "150"></a></div>

    <div id = "title"> <h1><i> West Hill Hunting Club </i> </h1> </div>

    <div id = "whhcpic"> <img src = "whhc.jpg" height = "50" width = "300"></div>


    </body>



    </html>




    css doc:


    body

    {
    background-color: #6b8e23;
    margin-left: 0px;
    margin-right: auto;
    }

    #title

    {
    font-size: 22px;
    margin: -100px 0px 0px 400px;
    }

    #whhcpic
    {
    margin:0px 0px 0px 450px;
    }

    #memberslink
    {
    margin: 0px 0px 0px 200px;
    }

    when i try to move the memberslink picture everything moves




    in the end all im trying to do is move the picture from one part of the webpage to a different part and i dont know how to do that
    Last edited by patsies62; 12-17-2009 at 01:03 AM.

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Do you have an image of how the layout should look?
    The negative margin in #title means that it is not visible to the user.

  5. #5
    Join Date
    Dec 2009
    Posts
    3
    I have my h1 In the top center of the webpage right under that in the center as well is my whhc pic and under that and off to the left is going to be my memberslink picture (pretty much that is the layout of the page) when i open it up on my web browser it looks fine with the -50px but i guessing thatll only look good on my computer so i changed that back to 0px. If the members picture is its own div id shouldnt changing the margins of that not affect the rest of the website or is there another way to moving the members picture so that i dont mess up the look on the rest of the page

  6. #6
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Move the members picture to where, in relation to the whhc pic?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles