Hi<br />
Do you guys know any links(or you can post here) on how to position images? Sometimes I see images overlapping tables,text and other images, images being placed just about anywhere. I'm wondering and wanted to know how to do that.<br />
<br />
Also I'd like to know how to split a big image into smaller pieces so that it'll load faster and be positioned better.<br />
<br />
I hope I'm making any sense here. Thanks in advance!
<!--content-->you can put images in tables to position them. You can put background images in tables with text over them or other pictures over them. When you "slice" images in photoshop it makes diffrent sized tables for the diffrent pieces of the image you can make some of these images backgroung images and put things on top of them like text or other images or whatever. hope this help a bit. but i think maybe an example of what exactly you mean would help.<!--content-->For positioning images, css is the way to go. <br />
<br />
check out w3.org - <!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/colors.html#q2">http://www.w3.org/TR/CSS2/colors.html#q2</a><!-- m --><br />
<br />
and start playing!
<!--content-->small sample of positioning an image...<br />
<br />
<div style="position: absolute; left: 200px; top: 100px;"><br />
<img src=http://www.htmlforums.com/archive/index.php/"myfile.gif"><br />
</div><br />
<br />
that would take the image, count out 200 pixel spaces from the left border of the page, count out 100 pixel spaces from the top border of the page, and plunk the image in that spot.<br />
<br />
positioning can be done "relative" instead of "absolute" as well. in that circumstance, it would be positioned relative to where it would have been seen normally instead of starting at the top left of the page borders.<br />
<br />
clear as mud?<!--content-->or you could try w3school's (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_positioning.asp">http://www.w3schools.com/css/css_positioning.asp</a><!-- m -->) tutorials<!--content-->Thanks for the replies! Keep em coming <!--content-->Originally posted by kenshee <br />
Thanks for the replies! Keep em coming <br />
<br />
Well... there's not much more we can say. If you go to the links posted above, you should find all the information needed.<br />
<br />
Have trying it out and experimenting!
<!--content-->I got a lot out of this tutorial on CSS positioning here --Webmonkey-- (<!-- m --><a class="postlink" href="http://hotwired.lycos.com/webmonkey/98/15/index4a.html">http://hotwired.lycos.com/webmonkey/98/15/index4a.html</a><!-- m -->) CSS is definitely the way to go.<br />
<br />
edit: This link is to lesson 5 (on positioning). Check it out, but you'll prob need to start at lesson 1 to understand how CSS works.<!--content-->
Do you guys know any links(or you can post here) on how to position images? Sometimes I see images overlapping tables,text and other images, images being placed just about anywhere. I'm wondering and wanted to know how to do that.<br />
<br />
Also I'd like to know how to split a big image into smaller pieces so that it'll load faster and be positioned better.<br />
<br />
I hope I'm making any sense here. Thanks in advance!
<!--content-->you can put images in tables to position them. You can put background images in tables with text over them or other pictures over them. When you "slice" images in photoshop it makes diffrent sized tables for the diffrent pieces of the image you can make some of these images backgroung images and put things on top of them like text or other images or whatever. hope this help a bit. but i think maybe an example of what exactly you mean would help.<!--content-->For positioning images, css is the way to go. <br /><br />
check out w3.org - <!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/colors.html#q2">http://www.w3.org/TR/CSS2/colors.html#q2</a><!-- m --><br />
<br />
and start playing!
<!--content-->small sample of positioning an image...<br /><br />
<div style="position: absolute; left: 200px; top: 100px;"><br />
<img src=http://www.htmlforums.com/archive/index.php/"myfile.gif"><br />
</div><br />
<br />
that would take the image, count out 200 pixel spaces from the left border of the page, count out 100 pixel spaces from the top border of the page, and plunk the image in that spot.<br />
<br />
positioning can be done "relative" instead of "absolute" as well. in that circumstance, it would be positioned relative to where it would have been seen normally instead of starting at the top left of the page borders.<br />
<br />
clear as mud?<!--content-->or you could try w3school's (<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_positioning.asp">http://www.w3schools.com/css/css_positioning.asp</a><!-- m -->) tutorials
<!--content-->Thanks for the replies! Keep em coming <!--content-->Originally posted by kenshee <br />Thanks for the replies! Keep em coming
<br /><br />
Well... there's not much more we can say. If you go to the links posted above, you should find all the information needed.<br />
<br />
Have trying it out and experimenting!
<!--content-->I got a lot out of this tutorial on CSS positioning here --Webmonkey-- (<!-- m --><a class="postlink" href="http://hotwired.lycos.com/webmonkey/98/15/index4a.html">http://hotwired.lycos.com/webmonkey/98/15/index4a.html</a><!-- m -->) CSS is definitely the way to go.<br /><br />
edit: This link is to lesson 5 (on positioning). Check it out, but you'll prob need to start at lesson 1 to understand how CSS works.<!--content-->