I’m having troubles with the page background showing through below graphic items. Everything looks ok on the page view but when I preview or publish the page an area appears below the boxes where the background shows through.
In the link example there is also an area around the text boxes that shows the background but if I change the colour of the text boxes to white it fixes it up, the same doesn’t work for the graphic boxes though.
Any ideas on how to fix this? I can’t seem to find an answer searching online.
P.S I’m aware the right side of the page is cut off, just uploaded to my current website to have a link for you to see.
There are two large images that appear to be missing. Apart from that, the only issue I can see on your test page is that your contact details slightly overlap your form. Perhaps you’ve managed to fix the issue?
I don’t understand what you are seeing as when I view the link the contact info is not near my form, there is at least a 1cm gap. I have uploaded some screenshots to dropbox show you what I am seeing.
The background shows through just underneath the picture of the baby and my logo. If you are seeing something different from the link then I may have bigger problems then I thought…
Got it! The problem lies with how you’ve set up your form. I’d like to send you back a Freeway Express doc so you can see the solution directly, but I’m on Freeway Pro and can’t save to Express. No worries though: here’s how to do it.
First of all, have a look at the screenshot of my Freeway page:
You’ll see that the form is set up all in a single html item. Just draw the item out on the page, click inside of it to get a blinking text cursor and start typing.
After typing “Name”, I’ve created a single line break by holding down the Shift key and pressing Return. After that, head up to the Insert menu and choose Input/Field to insert the text field for “Name”.
Then hit Return for a full/double line break and type “Email”. Shift–Return for a single line break, and Insert Input/Field again. Repeat for all your form items. The last field inserted is a Text Area, but I think you already know that
Sorry for not replying earlier, I had to travel interstate for a few days at short notice.
Thanks for your help. I’ve redone the form all in a single html item as you suggested. It has fixed up the problem around the form but there is still a gap underneath the picture and my logo where the background is showing through.
There also seems to be a change in the length of the main white box from the ‘page’ view to the ‘preview’ view. The white box that contains everything gets longer by about 2 cm which is about the length of the space underneath the images where the background shows through. Also the submit button is lined up with the bottom of the image in ‘page’ view but then drops down lower in the ‘preview’ view. Does that make sense?
It definitely must be something with the contact form. I just took it off the page and now in preview mode everything looks fine. Not sure why it is growing in length when published.
Ok so I’ve redone the form in a table structure but it still seems to be making a gap underneath the main image. On the plus side the gap is now smaller and no longer showing underneath my logo.
Thanks for re-uploading the FW doc. It seems that, despite setting up the form as a table, the form is still the cause of the trouble.
I’ve pasted in the form I set up previously, and it looks just fine. Have you tried following my instructions above, or did you go straight to building the form table? If you haven’t tried putting the whole form inside a single html item, give it a try and see if it helps.
This is all to do with the way FW uses a table structure to hold your page together.
Try this - move the submit buttons and the Erin logo onto the pasteboard. With the table selected go to Item>Table>Insert Row and add another row to the end of the table.
Now drag the bottom of the table down (just the bottom baseline) until the base is at the same level as the bottom of the baby image.
Now cut the submit button and the Erin logo and paste them into the new table row somewhere.
It is still not perfect but seems to work well enough but adding the extra row to the table. I’ve just removed the logo as it’s not sitting where I want it to sit in the table. It still adds about a cm to the bottom of the white box but if I move the main picture a little I can get the spacing to look even. Near enough is good enough for now.
