Viewing Define positions

Define positions



User: pumpkin 12 years ago
As far as I know we can define the x/y position from the top-left of the page only. How about adding the possibility to define the position from the bottom and / or right as well? That'll help a lot if you want to place objects correctly at a certain distance from the right or bottom without having to calculate all the values .

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>
User: Roddy 12 years ago
In terms of HTML there's no such thing as a page as such and there is no bottom to an HTML document. An HTML document is like an endless sheet of paper so objects have to be positioned from the top. Also, since the document can vary wildly in width, objects are positioned (left to right) from the left.

If you position an object (b) within another object (a) you can then position (b) from the bottom and right of (a).

Most people using EasyWeb will probably choose the "Centered Layout" for their page layout. In this case EasyWeb will place an object - like a paragraph for example - into a div. This div is then placed inside another one with an absolute position in relation to the top and left of the HTML Doc. This, in turn, is placed inside a relatively positioned div to allow the user to drag the whole thing around on the page.

So instead of having a simple paragraph like this...

<p>This is a paragraph</p>

EasyWeb has to create this...

<div style="position:relative">
<div style="position: absolute">
<div style="margin: whatever">
<p>
This is a paragraph
</p>
</div>
</div>
</div>

Not only does this create a lot more code but it allows the user to create web pages in a very undisciplined manner. Just because you can drag stuff around the page doesn't mean to say you should!

Always add objects to the content section in the order you want them to appear as the page loads in the browser. Most drag and drop users don't appear to wonder why some of their page content loads in a seemingly random fashion!

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 12 years ago
What may be a good feature is the ability to put equations in the x/y and width/height field.

So for example if you know the height of your page (lets say 500) and height of the object (lets say 50) you could enter 500 - 50 in the Y field and EasyWeb would automatically calculate it to 450 for you.

-------------------------------
Paul
EverWeb Developer
User: pumpkin 12 years ago
Oh, that would help too :)

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>
User: Roddy 12 years ago
If the mention of "code" strikes fear into the heart of many users, what will "equation" do to them?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: pumpkin 12 years ago
I'd say equation is known to more people than HTML / CSS is;-)

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>
User: Yelena 12 years ago
For EW: not sure you saw tmy post about Position little bug...see this viewtopic.php?f=4...t=531

-------------------------------
Yelena
MacBook Pro OS X 10.10.3
IMac 21" OS X 10.10.3
User: pumpkin 12 years ago
Read and answered;-)

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>


Post Reply
You must login or signup to post.