Picture placed on Layout grid background does not shows up

[bperezsb]

Im placing a picture as a background on a layout grid. It shows when Im placing it, but when im trying to preview it or upload the page it dissapears. It happens with some pictures and not with others under the same settings.
Any ideas?

[Pablo]

The height of a layout grid is 0 when it has not content, so you will need to place objects inside the columns to show the background.
Also, make sure that image has a valid filename. For example, spaces in filenames are not valid.

[bperezsb]

Thank you very much! The problem was the name of the file. It had spaces on it.

[SamT]

I have the same issue regarding an image failing to display:

Layout Grid
..Style
.....Background Mode: Image
.....Image only


I have discovered that on my version 15.14.4 (64Bit).
When the CSS file is published it produces:


#wb_LayoutGrid1
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: url(images/Herring gull Simon Bool.jpg);
background-repeat: repeat;
background-position: left top;
border: 0px solid #CCCCCC;
box-sizing: border-box;
margin: 0;
}

This fails because there are no quotations on line: background-image: url("images/Herring gull Simon Bool.jpg");

This occurs for all eventualities:
C:\AppData\Local\Temp\preview\index.html
C:\AppData\Local\Temp\preview\index.php
as well as FTP'd to the web server.

The issue occurred on the previous build. I upgraded to version 15.14.4 to see if the issue might have been my previous copy had become corrupted but is consistently reproduced on the latest version.

Important note
I am reasonably sure that it did work successfully until I changed the image from the original used. Both images are present in the images folder and, as related above, all works fine if I manually edit the CSS file to include the required but missing quotations.

Is this a minor bug and if so I would very much appreciate a fix.

S

[Pablo]

Note that filenames with spaces are not correct. It may work in some cases but in other cases (like in scripts) it will not work because the browser sees the space as the end of the name.
See also:
http://www.wysiwygwebbuilder.com/forum/ ... f=10&t=131

Also, note that quotes are not required:
https://drafts.csswg.org/css-values-3/#urls

Some older browsers did not support quotes so that is why I did not use them in the code.

[SamT]

Many thanks for the explanation Pablo.

And I really appreciate the almost instantaneous response.

Kind regards

Sam