Preserved Topic: Perfect Picture Placement $Pages that link to <a href="https://ozoneasylum.com/backlink?for=17730" title="Pages that link to Preserved Topic: Perfect Picture Placement" rel="nofollow" >Preserved Topic: Perfect Picture Placement\$

Author	Thread
Skaarjj Maniac (V) Mad Scientist From: :morF Insane since: May 2000	posted 05-25-2000 02:13 Hey Doc (or anyone reading this), I have a really weird question that I need answered ASAP, because otherwise I'm gonna fail an assesment at school. I noticed on your Spherdex that you have a little image placed next to a big image, yet they don't align at the bottom, so you seme to have placed ti image exactly where you wanted it. Tell me, how did you do that? I need to know how to place image exctly where I want them, even if they are different sizes, but still on the same line. Is there a HTML tag that you can use to do exact pixel co-ordintes, or something like that. I know this message may seem to carry on, but it is written in haste. Thanx in advance.<P><P>/_-=SKAARJJ=-_\ Lepricosa...The Leprosy Ointment. For when your not half the man you used to be.
Dan Paranoid (IV) Mad Scientist From: Calgary, Alberta, Canada Insane since: Apr 2000	posted 05-25-2000 02:31 You might wanna try using a table.. you can chose the alignment, and possition of images that way.<P> - Dan -
lloydhass Nervous Wreck (II) Inmate From: Melbourne, Australia Insane since: Apr 2000	posted 05-25-2000 06:22 For exact pixel positioning, the best thing to do is to use layers. You do this by using the style="" attribute. See below:<P><BLOCKQUOTE><font size="1" face="Verdana, Arial">code:</font><HR><pre><div id="layer1" style="position:absolute;left:50;top:20;">Content Here</div></pre><HR></BLOCKQUOTE><p>[This message has been edited by lloydhass (edited 25-05-2000).]
DL-44 Maniac (V) Inmate From: under the bed Insane since: Feb 2000	posted 05-25-2000 06:35 If you look at the source it's all really quite simple. Just a matter of setting the ALIGN and VALIGN attributes properly for each TD tag. <P>However, if you want exact pixel positioning you can do it with CSS and DIV tags.<P>:::What care I how time advances? I am drinking Ale today. -- Edgar Allen Poe:::
DL-44 Maniac (V) Inmate From: under the bed Insane since: Feb 2000	posted 05-25-2000 06:48 whoa, sat at the reply screen for a few minutes, missed that post.<P>However, if you use DIV's you should specify the style atributes in the head instead of in the DIV tag. Using the same example, you'd do it like this:<P><head> <style type="text/css"><P>#layer1 {position: absolute; left: 50px; top: 20px; anyotherstyle-info: here;}<P></style><P></head><P>and then declare the id like before -- <P><div id="layer1">content</div><P>:::What care I how time advances? I am drinking Ale today. -- Edgar Allen Poe:::
DocOzone Maniac (V) Lord Mad Scientist Sovereign of all the lands Ozone and just beyond that little green line over there... From: Stockholm, Sweden Insane since: Mar 1994	posted 05-25-2000 09:03 Well, spheredex is all done with tables, you simply craft the table, and choose where you want things to align, valign=top, valign=bottom, or valign=middle. I also use a blank.gif image to push things up or down a few pixels, just to get it just the way I want. Now I do use DIVs mostly, with style sheets to set the placements. (That was a good call, never put your style attributes in the dviv itslef, netscape will not handle it.) Centering placed content with DIVs can be a pain, that's why I usually use three frames, my center content has a fixed upper left corner, and I still get apparent centering.<P><IMG SRC="http://www.ozones.com/forum/siggie.gif" border=0>

Preserved Topic: Perfect Picture Placement\$

Author

Thread

Skaarjj
Maniac (V) Mad Scientist

From: :morF
Insane since: May 2000

posted 05-25-2000 02:13

Hey Doc (or anyone reading this), I have a really weird question that I need answered ASAP, because otherwise I'm gonna fail an assesment at school. I noticed on your Spherdex that you have a little image placed next to a big image, yet they don't align at the bottom, so you seme to have placed ti image exactly where you wanted it. Tell me, how did you do that? I need to know how to place image exctly where I want them, even if they are different sizes, but still on the same line. Is there a HTML tag that you can use to do exact pixel co-ordintes, or something like that. I know this message may seem to carry on, but it is written in haste. Thanx in advance.<P><P>/_-=SKAARJJ=-_\
Lepricosa...The Leprosy Ointment. For when your not half the man you used to be.

Dan
Paranoid (IV) Mad Scientist

From: Calgary, Alberta, Canada
Insane since: Apr 2000

posted 05-25-2000 02:31

You might wanna try using a table.. you can chose the alignment, and possition of images that way.<P> - Dan -

lloydhass
Nervous Wreck (II) Inmate

From: Melbourne, Australia
Insane since: Apr 2000

posted 05-25-2000 06:22

For exact pixel positioning, the best thing to do is to use layers. You do this by using the style="" attribute. See below:<P><BLOCKQUOTE><font size="1" face="Verdana, Arial">code:</font><HR><pre><div
id="layer1"
style="position:absolute;left:50;top:20;">Content Here</div></pre><HR></BLOCKQUOTE><p>[This message has been edited by lloydhass (edited 25-05-2000).]

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted 05-25-2000 06:35

If you look at the source it's all really quite simple. Just a matter of setting the ALIGN and VALIGN attributes properly for each TD tag. <P>However, if you want exact pixel positioning you can do it with CSS and DIV tags.<P>:::What care I how time advances? I am drinking Ale today. -- Edgar Allen Poe:::

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted 05-25-2000 06:48

whoa, sat at the reply screen for a few minutes, missed that post.<P>However, if you use DIV's you should specify the style atributes in the head instead of in the DIV tag. Using the same example, you'd do it like this:<P><head>
<style type="text/css"><P>#layer1 {position: absolute; left: 50px; top: 20px; anyotherstyle-info: here;}<P></style><P></head><P>and then declare the id like before -- <P><div id="layer1">content</div><P>:::What care I how time advances? I am drinking Ale today. -- Edgar Allen Poe:::

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

posted 05-25-2000 09:03

Well, spheredex is all done with tables, you simply craft the table, and choose where you want things to align, valign=top, valign=bottom, or valign=middle. I also use a blank.gif image to push things up or down a few pixels, just to get it just the way I want. Now I do use DIVs mostly, with style sheets to set the placements. (That was a good call, never put your style attributes in the dviv itslef, netscape will not handle it.) Centering placed content with DIVs can be a pain, that's why I usually use three frames, my center content has a fixed upper left corner, and I still get apparent centering.<P><IMG SRC="http://www.ozones.com/forum/siggie.gif" border=0>