Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Positioning Images

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #22755
    mo_nyc
    Member

    Hello to everyone :oops:

    I am very new to css, I am learning as much as I can on my own but I appear to be stuck. What has me stuck is Absolute & Relative Positioning.

    Now what I am trying to move thumbnail images like say to the right of the screen. I have been be able to move the 1st images fine to the right with no issues, But now when I try to add the second image it would automaticlly go the right when I dont want it to.

    Can someone please help me. Here is like sample of what I have maybe someone can help that way. This is so embarassing.

    <head>
    <title>mobetter</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="mobetter.css" />
    </head>
    <body>
    </body>
    <div id="img1">
    <div id="img1"><img src="../Pictures/car1bugattiveyron164.jpg" width="420" height="310" alt="" /></div>
    <div id="img2">
    <div id="img2"><img src="../Pictures/7749-450x-saleen_1_JPG.jpg" width="450" height="338" alt="" /></div>
    </div>

    css
    #img1 {
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 10px;
    margin: 5px;
    background-color: #003300;
    border: 1px solid: #000000;
    width: 420px;

    }

    #img2 {
    position: absolute;
    top: 70px;
    left: 70px;
    }

    #48145

    Im sure the code you gave was from a bigger picture but the simple way to float 2 images to the right would have been to float them:

    Code:
    myimage
    myimage

    Code:
    #img1 {
    width:150px;
    height:150px;
    float:right;
    }
    #img2 {
    width:150px;
    height:150px;
    float:right;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.