2
Contributors
5
Replies
6
Views
11 Years
Discussion Span
Last Post by s0312001
0

theres a couple of ways to do it.

the easy way is to just use a table, or else you could do it via css.
img.whateveruwanttocallit
{
position:absolute;
left:0px;
top:0px;
}


<img class="whateveruwanttocallit" src="whatever.jpg" width="100" height="180" />

0

what is wrong with this??

<html>
<head>
<title>images positioning</title>

<body>
<div.container { position:relative; /* etc. */ }
img.positioned { position:absolute; height:63px; width:122px; }
img#topleft { top:0; left:3; }
img#topright { top:0; right:6; }
img#bottomleft { bottom:0; left:7; }
img#bottomright { bottom:0; right:0; }>

<div class="container">
<img src="pic1.jpg" class="positioned" id="topleft">
<img src="pic2.jpg" class="positioned" id="topright">
<img src="pic3.jpg" class="positioned" id="bottomleft">
<img src="pic4.jpg" class="positioned" id="bottomright">
<!-- etc. -->
</div>

</body>
</html>

0

place your css in your head part
<style>
div.container { position:relative; /* etc. */ }
img.positioned { position:absolute; height:63px; width:122px; }
img#topleft { top:0; left:3; }
img#topright { top:0; right:6; }
img#bottomleft { bottom:0; left:7; }
img#bottomright { bottom:0; right:0; }
</style>

</head>

take away the <> parts in the css u done.

then it should work fine

0

Thanks a million it works fine, now i will try to figure the right numbers

Thanks again

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.