Guys I am trying to do the following in html
can you please help :cry:
I am having problems positioning images as follows


[IMG]http://img230.imageshack.us/img230/5721/image5qg.jpg[/IMG]

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" />

Thanks man i will try it and let you know if it works

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>

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

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

Thanks again

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.