Image Positioning

liunx

Guest
How can I get an image to set exactly where I wan't it?<br />
At: <!-- w --><a class="postlink" href="http://www.equipmentpolice.com/vulcan.html">www.equipmentpolice.com/vulcan.html</a><!-- w -->, I am trying to shift the falshing Email image at the bottom shifted somewaht to the right.<br />
Thanks!!!!<br />
<br />
Jack<!--content-->Surround the image tag with:<br />
<p align="right"><img src=http://www.webdeveloper.com/forum/archive/index.php/...></p><!--content-->Thanks KeithMc!<br />
That works for Left, Right & Center.<br />
How do I get it exactly where I want it?<br />
Dublin; Home of Powers!<br />
<br />
Jack<!--content-->Originally posted by Smilin' Jack <br />
Thanks KeithMc!<br />
That works for Left, Right & Center.<br />
How do I get it exactly where I want it? <br />
<br />
Center the image, then add spaces (&nbsp;) until you move it to the right where you want it to be.<!--content-->Or...<br />
<br />
<br />
<img style="position:absolute;top:300px;left:200px;" src=http://www.webdeveloper.com/forum/archive/index.php/"imgurl" /><br />
<br />
That would place the image 300 pixels down from the top of the page, and 200 pixels over from the left side. Just replace the 200 and 300 with your own values.<!--content-->Originally posted by Paul Jr <br />
Or...<br />
<br />
<br />
<img style="position:absolute;top:300px;left:200px;" src=http://www.webdeveloper.com/forum/archive/index.php/"imgurl" /><br />
<br />
That would place the image 300 pixels down from the top of the page, and 200 pixels over from the left side. Just replace the 200 and 300 with your own values. <br />
<br />
what's the difference between top and vspace?<!--content-->I'm not sure I follow. Do you mean why use "top" and not "vspace"?<!--content-->Originally posted by Paul Jr <br />
I'm not sure I follow. Do you mean why use "top" and not "vspace"? <br />
<br />
I think I just figured this out - Vspace actually increases the space that the img takes up on the page right?<!--content-->That's right. Note that position:absolute; takes the image out of the flow of the document though - so you'll need to be careful there's no text going under it.<br />
<br />
<br />
Something like:<br />
<br />
<img alt="300W (33K)" src=http://www.webdeveloper.com/forum/archive/index.php/"300W.jpg" height="388" width="266" style="position: relative; left: 200px;" /><br />
<br />
will simply move the picture 200pixels from the left margin, so that may be better, depending on your design, and what you're doing with it!<!--content-->
 
Back
Top