The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> HTML code fix, Need help with some HTML code
Kkralicek
post May 23 2017, 01:07 AM
Post #1





Group: Members
Posts: 1
Joined: 23-May 17
Member No.: 26,415



I am trying to create a spot on my webpage for a 360 Pano. Here is the code:

<meta charset="utf-8" />
<meta name="medium" content="mult"></meta>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"></meta>
<meta name="apple-mobile-web-app-capable" content="yes"></meta>
<meta name="apple-mobile-web-app-status-bar-style" content="default"></meta>

<title>VIRTUAL_TOUR_TITLE | Virtual tour generated by Panotour and Livepano</title>
<meta content="VIRTUAL_TOUR_TITLE | Virtual tour generated by Panotour and Livepano" property="og:title"></meta>
<meta name="description" content="VIRTUAL_TOUR_DESCRIPTION"></meta>
<meta content="VIRTUAL_TOUR_DESCRIPTION" property="og:description"></meta>
<meta name="keywords" content="VIRTUAL_TOUR_TITLE,Virtual tour generated by Panotour and Livepano"></meta>
<meta name="generator" content="Panotour Pro V2.2.0 + Livepano"></meta>
<meta content="AUTHOR_NAME" name="Author"></meta>
<meta content="COPYRIGHTS" name="copyright"></meta>

<meta content="http://URL/PATH/VIRTUAL_TOUR_NAME.html" name="url"></meta>
<meta content="http://URL/" property="og:site_name"></meta>
<meta content="PATH/" name="directory"></meta>
<meta content="http://URL/PATH/VIRTUAL_TOUR_NAME.html" property="og:url"></meta>
<meta content="article" property="og:type"></meta>

<link href="http://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/thumbnail.jpg" rel="image_src"></link>
<meta content="http://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/thumbnail.jpg" property="og:image"></meta>

The address to the .html file is: https://flight1ap.com/wp-content/uploads/pa...m-Crossing.html

Can someone help me please make this work..... Your help would greatly be appreciated!!!!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 23 2017, 08:41 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



I don't understand what the problem is. Do you want it to be smaller, not cover the whole page?

If so this is the CSS you should edit.
CODE
div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }


Once you've made the pano smaller, you should be able to place other content before and after it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th April 2024 - 05:01 PM