CSS Image Auto Position Help

  • Hey,

    So I’m making a webpage that has a background, then a small “paper” like thing on the bottom right side of the screen, and what I’m wanting is this:
    The “paper” image is positioned on the bottom right of the screen, and when someones browser window is a different size, I want that image to move in, and fit in the browser window.
    This is what I have so far:

    <?php
/*
Template Name: About
*/
php?>
<html>
<head>
<title>About</title>
</head>
<style type="text/css">
h2.pos_left
{
position:relative;
left:-200px;
}
h2.pos_right
{
position:relative;
left:200px;
}
</style>
<div id="h2.pos_left">
<div id="h2.pos_right">
<link rel="stylesheet" type="text/css" href="https://realmccoyspirits.com/wp-content/themes/twentytwelve/background.css">
  <img alt="" src="https://realmccoyspirits.com/wp-content/uploads/2012/12/McCoyWebAboutFuturaNoBG.png" width="400" height="600" >
</div>
</font>
</html>

    Any help would be greatly appreciated!
    Thanks!

Viewing 1 replies (of 1 total)
  • Thread Starter Finnaus

    (@finnaus)

    EDIT

    This is the HTML code I’m using:

    <?php
/*
Template Name: About
*/
php?>
<html>
<head>
<title>About</title>
</head>
<div style="position: absolute; top:80px; left:700px">
<link rel="stylesheet" type="text/css" href="https://realmccoyspirits.com/wp-content/themes/twentytwelve/background.css">
<div class="aboutpaper">
  <img alt="" src="https://realmccoyspirits.com/wp-content/uploads/2012/12/McCoyWebAboutFuturaNoBG.png" width="400" hight="600" >
</div>
</font>
</html>

    And this is the CSS I’m using:

    .aboutpaper
{
position:static;
}
Viewing 1 replies (of 1 total)
  • The topic ‘CSS Image Auto Position Help’ is closed to new replies.