- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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;
}
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: