position: absolute

Ok. So, a long time ago I created a small website using a program called Xara
that advertised itself as a What You See is What You Get program that had pixel
by pixel freedon and I thought it was fantastic at first. Then I realized I
didnt have the same mobility to do what I wanted. I learned more about
Dreamweaver and was pleased enough to use it instead even though I didn't have
the pixel by pixel freedom. Was like, whatever, there's still enough freedom to
get images in a good looking spot. So, now, I discovered this long lost website
on my jumpdrive and decided to open it in Dreamweaver. I noticed that I was
able to move each individual image pixel by pixel whereever I felt like it. So,
to learn how this is done I began breaking the code apart finding out what each
thing does, why there was javascript and css included: basically, what code did
what. I noticed that it was the position: absolute in the style that is what
allowed the image to move freely when you also applied a left: and top: pixel
number to it. I thought this was a fantastic discovery.

Basically, I applied this concept to one of my images on my website to test it
out and see how well it worked, and at first it seemed to. While in Dreamweaver
I was able to move it around freely, sticking it over text and other images as
I pleased. But when I viewed it in a browser, it didn't show where I placed it.
It stays in the same general area, yes, but, not exactly, and enough off to be
bad.

Here is the code to the image itself: <img
src="Images/races/gnome/SkyleiaSized.png" width="250" height="184" alt="Skyleia
- The Scryers Realm" style="left: 696px; top: 1379px; border: 0px; position:
absolute;" />

http://www.wowtah.com/gnome.html#main

http://www.wowtah.com/Images/test.jpg"

I hope I provided everything needed to help with this issue.

Read this:

http://apptools.com/examples/pagelayout101.php

Basically, I applied this concept to one of my images on my website to
test it
out and see how well it worked, and at first it seemed to. While in
Dreamweaver
I was able to move it around freely, sticking it over text and other
images as
I pleased. But when I viewed it in a browser, it didn't show where I
placed it.
It stays in the same general area, yes, but, not exactly, and enough off
to be
bad.

HTML is HTML. It doesn't matter whether it's written by XARA or by
Dreamweaver or by Notepad. Absolute positioning is absolute positioning,
again irrespective of the application that wrote the CSS details. The fact
that you see differences in the placement of these elements means -

1. You are convinced that there is some magic involved, and without knowing
enough HTML and CSS to see otherwise suspect that it's this magic that is
creating this difference. I assure you that this is not the case.
2. You haven't taken our many admonitions to heart regarding a) forgetting
about using absolute positioning, and b) learning some HTML and CSS so that
you can rise up out of the fog of superstition and look at a page's code for
what it is - the key to everything.

Please take these suggestions seriously....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"DreamChristine" <webforumsuser (AT) macromedia (DOT) com> wrote

Ok. So, a long time ago I created a small website using a program called
Xara
that advertised itself as a What You See is What You Get program that had
pixel
by pixel freedon and I thought it was fantastic at first. Then I realized
I
didnt have the same mobility to do what I wanted. I learned more about
Dreamweaver and was pleased enough to use it instead even though I didn't
have
the pixel by pixel freedom. Was like, whatever, there's still enough
freedom to
get images in a good looking spot. So, now, I discovered this long lost
website
on my jumpdrive and decided to open it in Dreamweaver. I noticed that I
was
able to move each individual image pixel by pixel whereever I felt like
it. So,
to learn how this is done I began breaking the code apart finding out what
each
thing does, why there was javascript and css included: basically, what
code did
what. I noticed that it was the position: absolute in the style that is
what
allowed the image to move freely when you also applied a left: and top:
pixel
number to it. I thought this was a fantastic discovery.


Here is the code to the image itself: <img
src="Images/races/gnome/SkyleiaSized.png" width="250" height="184"
alt="Skyleia
- The Scryers Realm" style="left: 696px; top: 1379px; border: 0px;
position:
absolute;" /

http://www.wowtah.com/gnome.html#main

http://www.wowtah.com/Images/test.jpg"

I hope I provided everything needed to help with this issue.

Lol, so basically that site you linked is telling me to use margins, yes? Well,
that's fine, I just wanted to know if there was something I was missing with
absolute positioning. I'll be fine without it.

Murray, yea, at the time when I tried out that Xara program, I was a beginner
with Dreanweaver, didnt know CSS, and knew nothing about Javascript, lol, so
yes, I was pulled into it. Now I can easily look at the code and say hey, this
is manually creatable with nothing special, just a lot of learning and a bit of
effort. Thank you for your inpuut guys, very much appreciated.

Good luck, Christine!

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"DreamChristine" <webforumsuser (AT) macromedia (DOT) com> wrote

Lol, so basically that site you linked is telling me to use margins, yes?
Well,
that's fine, I just wanted to know if there was something I was missing
with
absolute positioning. I'll be fine without it.

Murray, yea, at the time when I tried out that Xara program, I was a
beginner
with Dreanweaver, didnt know CSS, and knew nothing about Javascript, lol,
so
yes, I was pulled into it. Now I can easily look at the code and say hey,
this
is manually creatable with nothing special, just a lot of learning and a
bit of
effort. Thank you for your inpuut guys, very much appreciated.