Archived

This topic is now archived and is closed to further replies.

  • 0

Broken code on Splash Page

Question

Posted · Report post

Have a look at the splash page I built using the Launchpage plugin:

 

http://www.marcselwynfineart.com/site/

 

On an iPhone there are 2 broken symbols. See attached image

 

And on Firefox there are tons of errors that relate to css???

 

 

post-31389-0-00010800-1359818842_thumb.p

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Hi,

 

A broken symbol means you have images failing to load. I am unable to reproduce your issue, I have just created a Launchpage test and my page displayed correctly, without any missing image symbol.

 

Therefore, have you used all the options ? Can you provide a screenshot of your LaunchPage options please.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny,

 

Thanks for pointing me in the right direction and inspiring me not to give up!

 

The broken images are the launch page "splash logo and the "Page Background Image" on the page setup meta data tab. There are no images designated in the meta settings fields.

 

So I'm now using css to hide the splash logo. and I placed a grey tiled gif for the page background image. This has removed the 2 broken images.

 

There is now another problem. The page is empty except for a logo centered in the middle of the page, yet there's some invisible content or divs causing the page to scroll down. 

 

Looking at the code there's an div with ID "supersized" that seems to be the cause. So I hid that using css, but there is still a min-height on the launchpage of 600 pixels, which is still causing a scroll bar, especially annoying on an iphone. So I forced min-height to be 100%.

 

Now I'm nearly happy but the last problem is that I'm having a hard time getting the logo centered vertically. It looks fine on browsers and on iphone held vertically but horizontally it moves down too much. I am using a margin-top:20% for the launch-content to push the logo down.

 

Here's all the css I'm using on the page:

 

 
.outer-container .launch-content .content-pad {
    background: none;
    border-radius: none;
    box-shadow: none;
    color: transparent;
    padding: 5% 10%;
    text-shadow: none;
}
.launch-content {margin-top:20%;}
.launch-logo {display:none;}
#supersized {display:none;}
body.launchpage {min-height:100%;}

Share this post


Link to post
Share on other sites

Posted · Report post

Do you have a suggestion for making the logo perfectly centered vertically on the page?

Share this post


Link to post
Share on other sites

Posted · Report post

HI,

 

You're using the LaunchPage Plugin in a way that was not intended, you have also added custom code to the plugin, we do not provide support for user generated custom code.

 

The LaunchPage plugin is supposed to look like this - http://launchpage.pagelines.me/

 

If you need to your logo vertically and horizontally centered, then you will need to use CSS. I recommend you visit W3 Schools for assistance.

 

http://www.w3schools.com/css/

 

You can also target specific browsers or devices, using the Browser Specific CSS plugin, which may assist you to resolve your issue when viewing you splash page on iPad.

 

http://support.pagelines.me/docs/plugins/browser-specific-css/

Share this post


Link to post
Share on other sites