BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> Error Reports
  New Posts New Posts RSS Feed - CSS positioning fails SOLVED
  FAQ FAQ  Forum Search   Register Register  Login Login

Topic ClosedCSS positioning fails SOLVED

 Post Reply Post Reply Page  <123
Author
Message
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: Dec 30 2015
Location: Germany Frankfu
Status: Offline
Points: 738
Direct Link To This Post Posted: Apr 04 2021 at 12:15pm
Place them at specified coordinates?
Yes, as simple as that.
Just one coordinate specified in the 'Style' settings.
To be used anywhere in the project it is referenced.
So I may move them on all pages, with just that one definition in Style/CSS.
That style is then used for all the elements referencing that Style on all pages.

These parameter settings exist in the 'style' definition (Top Distance, Left Distance). ScreenShot 1.
But they do not have any effect; they do not even show up in the 'code' during specifying of those settings. As the borders specs do.
The element (here the English flag) sticks at the 0, 0 coordinate on the upper limit of a range.
But shoould be 100-x and 100-y away from that 'section' border.

Though it can be placed as individual coordinate, manually specified in 'Properties' of that element - which ist not the intention. That would ask for trouble, if to be specified individually for an element on all 300 pages. That should be the job of the Style/CSS.

That English flag should be placed 100-x & 100-y away from the beginning of that (page) section.
Or away from the borders of a 'group of elements'.

But it is placed at 0, 0. Which happens to be at the upper limit of the page section (2nd shot),
disregarding the specs of the style/CSS totally.





 Page Sections





Edited by digizar - Apr 04 2021 at 12:19pm
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Direct Link To This Post Posted: Apr 04 2021 at 4:21pm
If I use an image in an absolute positioning configured group of elements, add a custom class ans add the following code.

.MyPreferredSpot{
top:10px !important;
left:20px !important;
}

It work


Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Direct Link To This Post Posted: Apr 04 2021 at 7:31pm
Put the CSS code into your base layer
Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: Dec 30 2015
Location: Germany Frankfu
Status: Offline
Points: 738
Direct Link To This Post Posted: Apr 05 2021 at 7:34pm
Originally posted by Hobby001 Hobby001 wrote:

Put the CSS code into your base layer


I understand the intention of that manual coding - no prob.

But what about the BaseLayer? That confuses me.
My general BaseLayer of Blumendigi.com does not have such an element.
So where to start, to attach, to create such manipulated Style?
Most of the following project pages do have individual layers (even stacked).

Do you mean the Layer of these individual page(s), containing such element(s)?
I could easily manage that with a special layer, just containing such (any) individual Style(s) - and include that layer in the page(s)
Which I guess is your proposal of the 'BaseLayer'.

May be, I still miss something of OE?
So better to ask once more.
Wink

Keep in mind, that I do NOT know much about HTML&CSS, this is why I am happy with OE.
But I still am able to learn.

Stay away from the Corona disaster.


Edited by digizar - Apr 05 2021 at 8:21pm
___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Direct Link To This Post Posted: Apr 06 2021 at 2:02am
My understanding is that you are looking for a way to standardise a position for multiple objects in multiple pages.

Creating a css class with the fiollowing code

.MyPreferredSpot{
top:10px !important;
left:20px !important;
}

provides a set of instructions that forces an element to be placed at 10/20 pk from the top left corner of the parent element in case of absolute positioning system.

To apply the instruction to an element you need to add the custom class MyPreferedSpot to the element.

Adding the CSS code to the base layer and attaching this layer to your different pages apllies the code to all pages therefore any element with custom class MyPrefredSpot will follow the instruction.

So in the base layer, click on Source Code

Click onn the Plus sign to add new code

Add a name that suit your preferences 

Select CSS type

Select Header position

Add the code as written up here

Then select any of the targetted elemement and add custom class MyPreferredSpot






Back to Top
digizar View Drop Down
Senior Member
Senior Member
Avatar

Joined: Dec 30 2015
Location: Germany Frankfu
Status: Offline
Points: 738
Direct Link To This Post Posted: Apr 06 2021 at 3:29pm
Originally posted by Hobby001 Hobby001 wrote:

My understanding is that you are looking for a way to standardise a position for multiple objects in multiple pages.

Exactly!
And I can see now the picture of the whole story.
That also brings me a step closer to understand the OE - and HTML/CSS.
Thank you very muchos, Hobby001 !

I did not yet check the result of your proposal, but it looks reasonable for me.
I will report. May take awhile.

The question is anyway, why doesnt that work with the standard specificions (for dummies like me)?
Not nessesary to answer now. But it keeps me wondering.

___________________________________
Ask questions only if there is no answer yet.
https://blumendigi.com
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6194
Direct Link To This Post Posted: Apr 06 2021 at 10:31pm
openElement produces css for each element.

In some cases you have to add !important to the code to bypass oe's css code
Back to Top
 Post Reply Post Reply Page  <123
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.063 seconds.