/    Sign up×
Community /Pin to ProfileBookmark

Have to create a dreaded splash page, having trouble….

Copy linkTweet thisAlerts:
Apr 12.2015

Hello,

I am having trouble creating a splash page for my website. I am required by law to have a splash page since the site will be selling products containing nicotine. I’m hosting through Volusion and have to create the code and paste it into a default.htm (portal?). The guys they have in customer service are not trained in coding and can’t find any errors. When the page loads it loads with an x in a box and a weird squiggly line with what looks like an arrow in the bottom right corner. Here is the html I posted which was created using DW:

[code=html]
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>SPlash</title>
<style type=”text/css”>
body {
background-color: rgba(255,255,255,1);
text-align: center;
}
</style>
</head>

<body>
<span style=”text-align: center”></span><span style=”text-align: center”></span><span style=”text-align: center”></span><span style=”text-align: right”></span><span style=”text-align: center”></span><span style=”text-align: center”></span><span style=”text-align: center”></span><a href=”www.cvapz.com”><img src=”CVAPZ-LOGO-green-splash-page.gif” alt=”” width=”650″ height=”650″ usemap=”#Map”/>
<map name=”Map”>
<area shape=”rect” coords=”224,424,319,461″ href=”www.Cvapz.com”>
<area shape=”rect” coords=”344,426,461,466″ href=”http://www.publichealthlawcenter.org/sites/default/files/resources/tclc-guide-regecigs-2011.pdf”>
</map>
–></a>
</body>
</html>
[/code]

Greatly appreciate any help. I’m completely new to coding so,,,,

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@jedaisoulApr 12.2015 — This is a wonderful example of the garbage that DW can produce in the hands of an inexperienced user. It can be condensed to:

<i>
</i>&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;title&gt;SPlash&lt;/title&gt;
&lt;style type="text/css"&gt;
body {
background-color: rgba(255,255,255,1);
text-align: center;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
[b][color="red"]
&lt;a href="www.cvapz.com"&gt;[/color][/b]&lt;img src="CVAPZ-LOGO-green-splash-page.gif" alt="" width="650" height="650" usemap="#Map"/&gt;
&lt;map name="Map"&gt;
&lt;area shape="rect" coords="224,424,319,461" href="www.Cvapz.com"&gt;
&lt;area shape="rect" coords="344,426,461,466" href="http://www.publichealthlawcenter.org/sites/default/files/resources/tclc-guide-regecigs-2011.pdf"&gt;
&lt;/map&gt;
[b][color="red"]--&gt;&lt;/a&gt;[/color][/b]
&lt;/body&gt;
&lt;/html&gt;

The spurious "-->" I've highlighted in red is the cause of the "arrow". The anchor that I've also colored red seems superfluous as it links to the same site as the first hot spot (except that one has a capital "C", the other is lower case)!
Copy linkTweet thisAlerts:
@Afox87authorApr 12.2015 — Thanks for the help! That made slight changes but I still am getting no image? The original file was a png which I edited in photo shop and saved for web. I am still getting an x in a box...but the cursor is now showing to click but the image with the buttons is not.
Copy linkTweet thisAlerts:
@Kevin2Apr 12.2015 — Generally the "x in a box" means the image is not available. Did you upload it? Is the path in the <img> tag correct? For that matter, is the filename correct?
Copy linkTweet thisAlerts:
@Afox87authorApr 12.2015 — Got it!! There were a few problems, I think one of the main ones was the way I edited the image originally in PS. Ended up saving it for web as PNG, then transferred that into DW. Ended up creating an ftp acct and uploading both via filezilla, but with my host I have to create a splash page in a directory only available through the online portal, so I looked up a simple redirect code and voila!! Not so bad for an inexperienced first timer....looking fwd to more challenges!
Copy linkTweet thisAlerts:
@Afox87authorApr 12.2015 — The final code ended up being:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Workin</title>

<style type="text/css">

body {

background-color: rgba(255,255,255,1);

}

</style>

</head>

<body style="text-align: center">

<img src="CVAPZ-PNG.png" alt="" width="1020" height="1020" usemap="#Map"/>

<map name="Map">

<area shape="rect" coords="485,659,668,775" href="http://www.cdc.gov/mmwr/preview/mmwrhtml/mm6349a1.htm">

<area shape="rect" coords="306,676,466,785" href="http://www.cvapz.com/default.asp">

</map>

</body>

</html>
Copy linkTweet thisAlerts:
@jedaisoulApr 12.2015 — Just two points:

1. Best practice is not to use inline styling. So you should amend:
[code=html]
body {
background-color: rgba(255,255,255,1);
}
</style>
</head>

<body style="text-align: center">
[/code]

to:
[code=html]
body {
text-align: center;
background-color: rgba(255,255,255,1);
}
</style>
</head>
<body>
[/code]

  • 2. It really does not matter with so small a style section, but for more copious styling, it is better to include the styling in an external CSS file. This is because the server caches the CSS file, so does no have to load it for every page.
    • ×

    Success!

    Help @Afox87 spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.21,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...