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]
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
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.