CSS elements positioning (using Pinegrow)

[AudunNilsen]

Hi



I am using Pinegrow to make a simple website, and I have faced several issues that surprise me.

There seems to be no option to freely move elements, and I don´t understand where to modify code to adjust it "manually".

There´s a "box" that is in the way, and if I delete it, all the elements around it, jump around.

Audun Nilsen - Download files

Click here to view and download these shared files from Filemail.com

www.filemail.com

Before and after pictures.



Any help greatly appreciated

 

[tomliv]

Hi



I am using Pinegrow to make a simple website, and I have faced several issues that surprise me.

There seems to be no option to freely move elements, and I don´t understand where to modify code to adjust it "manually".

There´s a "box" that is in the way, and if I delete it, all the elements around it, jump around.

Audun Nilsen - Download files

Click here to view and download these shared files from Filemail.com

www.filemail.com

Before and after pictures.



Any help greatly appreciated

Maybe this is just me, but I'm not downloading files from the internet like this. I've never heard of Pinegrow and don't use it.

Is it possible to put these files on a web server and share a link?

 

[AudunNilsen]

Maybe this is just me, but I'm not downloading files from the internet like this. I've never heard of Pinegrow and don't use it.

Is it possible to put these files on a web server and share a link?

Uh, well.. Have you got one in mind? I would love to get your opinion on that as well.

 

[tomliv]

Uh, well.. Have you got one in mind? I would love to get your opinion on that as well.

There are a lot of inexpensive hosts around. I use Dreamhost for my own playground.

Hosting | Web Hosting Plans Starting @ $2.59/mo - DreamHost

20 years & 1.5 million websites later — DreamHost is the proven web host. Starting @ $2.59/mo we have a web hosting plan for everyone.

www.dreamhost.com

 

[AudunNilsen]

There are a lot of inexpensive hosts around. I use Dreamhost for my own playground.

Hosting | Web Hosting Plans Starting @ $2.59/mo - DreamHost

20 years & 1.5 million websites later — DreamHost is the proven web host. Starting @ $2.59/mo we have a web hosting plan for everyone.

www.dreamhost.com

Thank you so much. My work day is over, but I will be back again tomorrow.

 

[AudunNilsen]

OK, so this is the mock up I´m working on now.

http://provisorypage.000.pe/?i=1

At the bottom is a CSS-section "What customers say".

I´ve adjusted the position of the heading with a tool in the CSS-tab, and that looks fine in the editor, but there´s no mention of "positioning" in the code, and the end result is the same as it was before I used this tool.

Screenshot at the bottom.

P.S.

When I try to move elements around in this program, it allows me to move them "a little bit", as in they always stick to the top, or the bottom, or the side. What I would really want is to move them freely. Tried to look at this in Dreamweaver, but I found no apparent way to move things around at all.

A scary question that keeps coming back is; do I have to put coordinates for every single element, or use a ruler on the screen, or something?

 

[tomliv]

Thanks for putting up the page. Much easier to investigate.

OK 2 things.

1. What exactly are you trying to achieve in that layout?

2. In CSS/HTML, the closest you can get to "freely moving things" is absolute positioning. Depending on where you are trying to position an element, a parent of that element must have a declared positioning context. Usually 'relative' but others work depending on layout. The element itself would have position:absolute and you would then define a width and height as well as location of the element using left, right, top, bottom.

Here's a reference:

position - CSS: Cascading Style Sheets | MDN

The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.

developer.mozilla.org