Items not centered

[Kantonia]

Started my first project with wysiwygwebbuilder. The result is in principle as I wished, but the items are or on the left or on the right side of the screen.

See here: https://neomarica.de/

Can someone help an old woman?

[BaconFries]

In general it is asked that you provide a "Demo" project this is the .wbs file as just a url doesn't help. Please see the following: How do I share my project to get help?
With that said a quick look at the source html shows that you are trying to use tables for your layout. Tables aren't the best way to achieve this as they not suitable for modern design.
I would suggest you take a look at the following modern alternative to tables this being "Layout Grids"
Layout Grid FAQ
Which layout mode should I choose?
Responsive Web Design FAQ

[Kantonia]

The Project is now on https://neomarica.de/Test2/Infoseite.wbs
and the used picture on https://neomarica.de/Test2/Infoseite/Garten1.jpg


I've read this grid stuff before and I didn't unterstand what it could help me. The website will be a collection of Texts (sometimes with pictures) which will be continously filled. Nothing more.

[onlye]

The Project is now on https://neomarica.de/Test2/Infoseite.wbs
and the used picture on https://neomarica.de/Test2/Infoseite/Garten1.jpg


I've read this grid stuff before and I didn't unterstand what it could help me. The website will be a collection of Texts (sometimes with pictures) which will be continously filled. Nothing more.

The grid stuff is pretty simple, it was new to me when I first started using WYSIWYG Web Builder ( Wizzy)
Drop a container (layout grid) on the page and then drop objects (text or pictures) in the container. You can easily assign how many columns you want the layout grid to use. When you drop objects (text or pictures) in the grid they are added to the bottom. When you want to add more text you can add it to an existing text object or you can drag another text objects below it.

By using grids your new site will adust to the wide varity of device widths, responsive, look much better without making visitors scroll.

[BaconFries]

I've read this grid stuff before and I didn't unterstand what it could help me.

OK as mentioned by onlye when designing with "Layout Grids" then the finished design will be modern and more suitable for viewing on the likes of mobile such as iPads, iPhone, Android Tablets/Phones etc. I can understand that it may be daunting at first to use a "New" method your not use too but in the end it is worth it.
Here is a couple of video tutorials that hopefully should help. Please don't be put off by the reference to 90 Se*o*d Web Builder this was simply a rebranded version of WYSIWYG Web Builder that was once sold under licence. The tutorials are still valid for WWB20 and worth viewing.
Layout Grid Part 1 - Overview
The Layout Grid Part 2 - Tips and Tricks

[onlye]

I took your project and moved the index page and D1 page into layout grids
Create a Master Page with a Header and applied it to the Index and D1 pages

Just to help you get started with a new concept.

https://www.dropbox.com/scl/fi/w42tx8ji ... 6md15&dl=0

[Kantonia]

Thank you, I'll try it.

I'm a little suspicious whenever I don't have control over my code. A table code in HTML is easy to manipulate. I hope this grid is the same. I don't mind my website looking oldfashioned. People who arer interested in the information won't care. And I stay the oldfashioned person I am.

I'll report.

[alan_sh]

Thank you, I'll try it.

I'm a little suspicious whenever I don't have control over my code. A table code in HTML is easy to manipulate. I hope this grid is the same. I don't mind my website looking oldfashioned. People who arer interested in the information won't care. And I stay the oldfashioned person I am.

I'll report.

You have complete control over all the code produced. What WWB does is make it easy to produce the code in the first place.

Alan

[Kantonia]

I tried the wbs onlye made for me. I understood nothing. I did not even find out how to add new lines for information texts. So I'll stay with my oldfashioned table.

I found a piece of CSS which I used some 20 years ago to center a background picture. Here it is:

BODY {
background-color: white;
font-family: "Franklin Gothic Medium", Arial;
background: url(Garten1.jpg) no-repeat fixed center;
margin-left: 40px;
margin-right: 40px;
}

I wonder if this would do still today also.

[BaconFries]

You have complete control over all the code produced. What WWB does is make it easy to produce the code in the first place.
Alan

I'm sorry Alan that is not entirely true WYSIWYG Web Builder is not a HTML Editor but a HTML Generator what this means is that the HTML doesn't exist till published.



@kantonia you do not need to add any code the software generates all the HTML/CSS for you. But perhaps the following will be what you are trying to achieve in a "old fashion way"
How do I center my page in the browser?

[Pablo]

I think it will be helpful to first read about the different layout modes.
https://www.wysiwygwebbuilder.com/layout_modes.html

It looks like you are currently using (outdated) fixed layout. This is will make it more difficult to make your website responsive/flexible and to center the layout, because all position are fixed (not flexible).
I recommend to use flexible layout like in most example templates.

[onlye]

I tried the wbs onlye made for me. I understood nothing. I did not even find out how to add new lines for information texts. So I'll stay with my oldfashioned table.

Greetings, when you looked at the project were you looking at the visual designer or the html code?

To add another line of text in one the list areas on the home page. Just click on the last text item, copy, paste, drag the new item into the grid. It should fall in at the bottom of the list. Then double click the new text item and you can edit the text.

[Kantonia]

@BaconFries

Thank you for the link. I'll try that.

[alan_sh]

BF: Re: I'm sorry Alan that is not entirely true WYSIWYG Web Builder is not a HTML Editor but a HTML Generator what this means is that the HTML doesn't exist till published.

You can see the code by looking at the HTML of the page in the editor. So, if we are being really pedantic, your statement isn't 100% accurate

[But then we have to ask ourselves, what does "published" mean" ]

Alan