Page 1 of 1
Items not centered
Posted: Fri Aug 15, 2025 5:49 pm
by 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?
Re: Items not centered
Posted: Fri Aug 15, 2025 6:19 pm
by 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
Re: Items not centered
Posted: Fri Aug 15, 2025 6:42 pm
by 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.
Re: Items not centered
Posted: Fri Aug 15, 2025 10:50 pm
by onlye
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.
Re: Items not centered
Posted: Sat Aug 16, 2025 12:47 am
by 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
Re: Items not centered
Posted: Sat Aug 16, 2025 4:38 am
by 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
Re: Items not centered
Posted: Sat Aug 16, 2025 6:21 am
by 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.
Re: Items not centered
Posted: Sat Aug 16, 2025 9:05 am
by alan_sh
Kantonia wrote: Sat Aug 16, 2025 6:21 am
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
Re: Items not centered
Posted: Sat Aug 16, 2025 9:16 am
by 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.
Re: Items not centered
Posted: Sat Aug 16, 2025 9:44 am
by 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?
Re: Items not centered
Posted: Sat Aug 16, 2025 11:26 am
by 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.
Re: Items not centered
Posted: Sat Aug 16, 2025 12:35 pm
by onlye
Kantonia wrote: Sat Aug 16, 2025 9:16 am
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.
Re: Items not centered
Posted: Sat Aug 16, 2025 12:37 pm
by Kantonia
@BaconFries
Thank you for the link. I'll try that.
Re: Items not centered
Posted: Sun Aug 17, 2025 3:39 pm
by 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