Solved

incorporate php code in the html page or call the php code in the html page

Posted on 2016-09-28
19
49 Views
Last Modified: 2016-11-09
Hi Experts:

I have the html page which has the theme created by weebly.  So I want to use it for all my web pages, even on those pages that I create.

I have the php code which I want to call or incorporate in the html file.  Please find below the html code and the php code.  Is it possible to incorporate php code in the html (or call the php code in the html page)? The php code is here is used to display data from the database.

html code below:

<!DOCTYPE html>
<html>
	<head>
		<title>Services - jack real estate services</title><meta property="og:site_name" content="jack real estate services" />
<meta property="og:title" content="Services" />
<meta property="og:description" content="Went up the hill" />
<meta property="og:url" content="http://jackrealestate.com/services.html" />

<link rel="icon" type="image/png" href="//www.weebly.com/uploads/reseller/assets/1001-favicon.ico" />



<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

		
		<link id="wsite-base-style" rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/sites.css?buildTime=1475096867" />
<link rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/old/fancybox.css?1475096867" />
<link rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/social-icons.css?buildtime=1475096867" media="screen,projection" />
<link rel="stylesheet" type="text/css" href="/files/main_style.css?1475099322" title="wsite-theme-css" />
<link href='//fonts.googleapis.com/css?family=Lato:400,300,300italic,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link href='//fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext' rel='stylesheet' type='text/css' />

<link href='//fonts.googleapis.com/css?family=Questrial&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<style type='text/css'>
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
#wsite-title {}
.wsite-menu-default a {}
.wsite-menu a {}
.wsite-image div, .wsite-caption {}
.galleryCaptionInnerText {}
.fancybox-title {}
.wslide-caption-text {}
.wsite-phone {}
.wsite-headline,.wsite-header-section .wsite-content-title {font-family:"Questrial" !important;font-size:77px !important;}
.wsite-headline-paragraph,.wsite-header-section .paragraph {font-style:normal !important;}
.wsite-button-inner {}
.wsite-not-footer blockquote {}
.wsite-footer blockquote {}
.blog-header h2 a {}
#wsite-content h2.wsite-product-title {}
.wsite-product .wsite-product-price a {}
</style>
<style>
.wsite-background {background-image: url("/uploads/8/5/3/2/85328504/background-images/1520324753.jpeg") !important;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;background-color: transparent !important;background: inherit;}
body.wsite-background {background-attachment: fixed !important;}.wsite-background.wsite-custom-background{ background-size: cover !important}
</style>
		<script><!--
var STATIC_BASE = '//cdn1.editmysite.com/';
var ASSETS_BASE = '//cdn2.editmysite.com/';
var STYLE_PREFIX = 'wsite';
//-->
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>

<script type="text/javascript" src="//cdn2.editmysite.com/js/lang/en/stl.js?buildTime=1475096867&"></script>
<script src="//cdn2.editmysite.com/js/site/main.js?buildTime=1475096867"></script><script type="text/javascript">_W.resellerSite = true;</script><script type="text/javascript">_W.configDomain = "www.weebly.com";</script><script>_W.relinquish && _W.relinquish()</script>
<script type="text/javascript" src="//cdn2.editmysite.com/js/lang/en/stl.js?buildTime=1475096867&"></script><script> _W.themePlugins = [];</script><script type="text/javascript"><!--
	
	
	(function(jQuery){
		function initFlyouts(){
			initPublishedFlyoutMenus(
				[{"id":"836838731136024231","title":"Home","url":"index.html","target":"","nav_menu":false,"nonclickable":false},{"id":"663529351655009751","title":"Commercial","url":"commercial.html","target":"","nav_menu":false,"nonclickable":false},{"id":"991674248799091281","title":"Residential","url":"residential.html","target":"","nav_menu":false,"nonclickable":false},{"id":"171082269627200495","title":"Contact","url":"contact.html","target":"","nav_menu":false,"nonclickable":false},{"id":"627093051873121959","title":"Blog","url":"blog.html","target":"","nav_menu":false,"nonclickable":false},{"id":"458679853292499317","title":"Services","url":"services.html","target":"","nav_menu":false,"nonclickable":false}],
				"458679853292499317",
				'',
				'active',
				false,
				{"navigation\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}} class=\"wsite-menu-item-wrap\">\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\t{{#membership_required}}\n\t\t\tdata-membership-required=\"{{.}}\"\n\t\t{{\/membership_required}}\n\t\tclass=\"wsite-menu-item\"\n\t\t>\n\t\t{{{title_html}}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n","navigation\/flyout\/list":"<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">&gt;<\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"},
				{}
			)
		}
		if (jQuery) {
			jQuery(document).ready(function() { jQuery(initFlyouts); });
		}else{
			if (Prototype.Browser.IE) window.onload = initFlyouts;
			else document.observe('dom:loaded', initFlyouts);
		}
	})(window._W && _W.jQuery)
//-->
</script>
		
		
	</head>
	<body class="header-page  wsite-page-services  wsite-theme-light">
<div class="wrapper">
<div class="paris-header">
<div class="container"><label class="hamburger"></label>
<div class="logo"><span class="wsite-logo"> <a href="/"> <span id="wsite-title">jack real estate services</span> </a> </span></div>
<div class="nav desktop-nav">
<ul class="wsite-menu-default">
<li id="pg836838731136024231" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/"> Home </a></li>
<li id="pg663529351655009751" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/commercial.html"> Commercial </a></li>
<li id="pg991674248799091281" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/residential.html"> Residential </a></li>
<li id="pg171082269627200495" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/contact.html"> Contact </a></li>
<li id="pg627093051873121959" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/blog.html"> Blog </a></li>
<li id="active" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/services.html"> Services </a></li>
</ul>
</div>
</div>
<!-- end .container --></div>
<!-- end .header -->
<div class="banner-wrap">
<div class="wsite-elements wsite-not-footer wsite-header-elements">
<div class="wsite-section-wrap">
<div class="wsite-section wsite-header-section wsite-section-bg-image" style="background-image: url('/uploads/8/5/3/2/85328504/background-images/1520324753.jpeg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: transparent;">
<div class="wsite-section-content">
<div class="container">
<div class="banner">
<h2 class="wsite-content-title">&nbsp;</h2>
</div>
</div>
</div>
<div>&nbsp;</div>
</div>
</div>
</div>
<!-- <span id="contentArrow"><span></span></span> --></div>
<div class="main-wrap">
<div id="wsite-content" class="wsite-elements wsite-not-footer">
<div class="wsite-section-wrap">
<div class="wsite-section wsite-body-section wsite-background-9 wsite-custom-background">
<div class="wsite-section-content">
<div class="container">
<div class="paragraph">Went up the hill</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-wrap">
<div class="container">
<div class="footer">Site powered by Weebly. Managed by <a href="http://www.jill.com" target="_blank">jill</a></div>
</div>
<!-- end container --></div>
<!-- end footer-wrap --></div>
<div class="nav mobile-nav"><label class="hamburger"></label>
<ul class="wsite-menu-default">
<li id="pg836838731136024231" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/"> Home </a></li>
<li id="pg663529351655009751" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/commercial.html"> Commercial </a></li>
<li id="pg991674248799091281" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/residential.html"> Residential </a></li>
<li id="pg171082269627200495" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/contact.html"> Contact </a></li>
<li id="pg627093051873121959" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/blog.html"> Blog </a></li>
<li id="active" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/services.html"> Services </a></li>
</ul>
</div>
<script src="/files/theme/plugins.js?1474654222" type="text/javascript"></script>
<script src="/files/theme/custom.js?1474654222" type="text/javascript"></script>
</body>
</html>

Open in new window


php code below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<h1>Properties Listings</h1>
<body>
<div id="wrapper">
        <div id="container">
            <div id="header" class="wsite-header"></div>

            
            
            
            <div id="contenttop">
                <div id="contentbtm">
                    <div id="content">
                <div id='wsite-content'><div ><div id="113741705356801599" align="left" style="width: 100%; overflow-y: hidden;">
<br />
<?php
// list.php

$field = $_GET["f"];
$q = $_GET["q"];
$where = "";
if (!empty($q)) {
    $where = " WHERE `".addslashes($field)."` LIKE '%" . addslashes($q) . "%'";
}

// Connects to your Database 
$dbh=mysql_connect("jackrealestatecom.jillmysql.com", "jack", "her!f2015") or die(mysql_error()) ; 
mysql_select_db("properties") or die(mysql_error()) ; 
//count number of records
$query = "SELECT * FROM listings".$where;
//echo $query;
$result = mysql_query($query) or die(mysql_error());
$num_rows = mysql_num_rows($result);

if(mysql_num_rows($result) == 0) {
  echo "No results were found.";
}

//number you want to display per page
$page_rows=10;

//This tells us the page number of last page
$last=ceil($num_rows/$page_rows);

//determine results
//This checks to see if there's a page number.  If not, it will set it to page 1.
if(isset($_GET['pagenum'])) {
  $pagenum=$_GET['pagenum'];
}
else{
  $pagenum=1;
}

$pagenum=(int)$pagenum;
if ($pagenum>$last)
{
$pagenum=$last;
}

if ($pagenum<1)
{
$pagenum=1;
}

$offset=($pagenum - 1) * $page_rows;

$i=1;

//Retrieves data from MySQL 
$result = mysql_query("SELECT * FROM listings $where ORDER BY id LIMIT $offset, $page_rows") or die(mysql_error());  //Puts it into an array 
while($row = mysql_fetch_array($result))
  {
  //Outputs the image and other data
$id=$row['id'];
$image=$row['image'];
$name=$row['name'];
$location=$row['location'];
$description=$row['description'];
$area=$row['area'];
$type=$row['type'];


echo "<table border='1' BORDERCOLOR='#7E2217' cellpadding='10' width='100%' style='table-layout:fixed'><col width='38' /><col width='200' />" ; 
echo "<tr align=left><th colspan='2'><font color='black'> <b>". $name ."</b><br>". $location. "</font></th></tr>"; 
echo "<tr VALIGN=TOP><td align='center'><img src=images/". $image ." style=\"width:100px;height:150px\"</td>" ;
  echo "<td><font color='black'><b>Listing Id:</b> ". $id. "<br><br>";
  echo "<b>Property Type:</b> ". $type. "<br><br>";
  echo "<b>Area (in Sq. ft.):</b> ". $area. "<br><br>";
  echo "<b>Description:</b><br>". $description. "</font></td></tr>";
echo "</table><br>";

$i++;
}
echo "<p align='left'>Page</p>";
for ($i=1; $i<=$last; $i++)
{
if (($i=="1") && ($i==$pagenum))
{
echo "<font size=3>";
echo " <a href='{$_SERVER['PHP_SELF']}?pagenum=1&amp;i=$id&amp;q=$q&amp;f=$field'>";
echo "<font size=5>";
echo $i;
echo "&nbsp;";
echo "</font>";
echo "</a>";
echo "</font>";
}
elseif (($i=="1") && ($i!=$pagenum))
{
echo "<font size=3>";
echo " <a href='{$_SERVER['PHP_SELF']}?pagenum=1&amp;i=$id&amp;q=$q&amp;f=$field'>";
echo $i;
echo "&nbsp;";
echo "</a>";
echo "</font>";
}
elseif (($i>1) && ($i!=$last) && ($i==$pagenum))
{
echo "<font size=3>";
echo " <a href='{$_SERVER['PHP_SELF']}?pagenum=$pagenum&amp;i=$id&amp;q=$q&amp;f=$field'>";
echo "<font size=5>";
echo $i;
echo "&nbsp;";
echo "</font>";
echo "</a>";
echo "</font>";
}
elseif (($i>1) && ($i!=$last) && ($i!=$pagenum))
{
$next = $pagenum+1;
echo "<font size=3>";
echo " <a href='{$_SERVER['PHP_SELF']}?pagenum=$i&amp;i=$id&amp;q=$q&amp;f=$field'>";
echo $i;
echo "&nbsp;";
echo "</a>";
echo "</font>";
}
elseif (($i==$last) && ($i==$pagenum))
{
echo "<font size=3>";
echo " <a href='{$_SERVER['PHP_SELF']}?pagenum=$last&amp;i=$id&amp;q=$q&amp;f=$field'>";
echo "<font size=5>";
echo $i;
echo "&nbsp;";
echo "</font>";
echo "</a>";
echo "</font>";
}
elseif (($i==$last) && ($i!=$pagenum))
{
echo "<font size=3>";
echo " <a href='{$_SERVER['PHP_SELF']}?pagenum=$last&amp;i=$id&amp;q=$q&amp;f=$field'>";
echo $i;
echo "&nbsp;";
echo "</font>";
echo "</a>";
}
}

?> 
</div>



</div>

</div>
                    <div class="clear"></div>
                    </div>
                </div> 
       
            </div>
                <div id="footer" align='center'>
<a name="fb_share">Share us on Facebook</a> 
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
        type="text/javascript">
</script>&nbsp;&nbsp;
                    <A HREF="faqs.html"><u>FAQs</u></A>&nbsp;&nbsp;&nbsp;&nbsp;<A HREF="recommend.html"><u>Recommend a purchase</u></A>&nbsp;&nbsp;
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                </div>
        <div class="clear"></div>        
        </div>            
    </div> 

</body>
</html>

Open in new window

0
Comment
Question by:imranasif17
  • 10
  • 8
19 Comments
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41820877
u probably can use a layer div or iframe to load a php page into HTML page
0
 

Author Comment

by:imranasif17
ID: 41820946
Hi Ryan:

Could you please help me with that?  I need some hand holding here.  I tried but failed.  Page is displayed as shown in the image attached.

Thanks,

Imran
phperror.jpg
0
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41821014
you may try:
<div> 
    <object type="text/html" data="yourPhpPage.php" width="60%" height="60%" style="border:0">
    </object>
 </div>

Open in new window

or:
<iframe src="yourPhpPage.php" width="60%" height="60%" style="border:0"></iframe> 

Open in new window

0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:imranasif17
ID: 41821081
Hi Ryan:

That works good but there is one issue, the data is displayed but not as a whole page.  It is displayed as a section and a scroll bar appears.  Is it possible to display it within the whole body of the page?  Please see attached screenshot.

Thanks,
display.jpg
0
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41821109
tried set the width and height to 100% ?
0
 

Author Comment

by:imranasif17
ID: 41821673
Yes, I did.  It increased the width and height by just a bit.  The screenshot attached in my previous comment shows that.

May be it needs to be done somewhere else.  Could you please help?
0
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41823062
how's your page codes look like? can you share it here?
0
 

Author Comment

by:imranasif17
ID: 41823589
Hi Ryan:

Here is the page code:

<!DOCTYPE html>
<html>
	<head>
		<title>Services - jack real estate services</title><meta property="og:site_name" content="jack real estate services" />
<meta property="og:title" content="Services" />
<meta property="og:description" content="Went up the hill" />
<meta property="og:url" content="http://jackrealestate.com/services.html" />

<link rel="icon" type="image/png" href="//www.weebly.com/uploads/reseller/assets/1001-favicon.ico" />



<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

		
		<link id="wsite-base-style" rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/sites.css?buildTime=1475174162" />
<link rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/old/fancybox.css?1475174162" />
<link rel="stylesheet" type="text/css" href="//cdn2.editmysite.com/css/social-icons.css?buildtime=1475174162" media="screen,projection" />
<link rel="stylesheet" type="text/css" href="/files/main_style.css?1475174902" title="wsite-theme-css" />
<link href='//fonts.googleapis.com/css?family=Lato:400,300,300italic,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<link href='//fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext' rel='stylesheet' type='text/css' />

<link href='//fonts.googleapis.com/css?family=Questrial&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
<style type='text/css'>
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
#wsite-title {}
.wsite-menu-default a {}
.wsite-menu a {}
.wsite-image div, .wsite-caption {}
.galleryCaptionInnerText {}
.fancybox-title {}
.wslide-caption-text {}
.wsite-phone {}
.wsite-headline,.wsite-header-section .wsite-content-title {font-family:"Questrial" !important;font-size:77px !important;}
.wsite-headline-paragraph,.wsite-header-section .paragraph {font-style:normal !important;}
.wsite-button-inner {}
.wsite-not-footer blockquote {}
.wsite-footer blockquote {}
.blog-header h2 a {}
#wsite-content h2.wsite-product-title {}
.wsite-product .wsite-product-price a {}
</style>
<style>
.wsite-background {background-image: url("/uploads/8/5/3/2/85328504/background-images/1520324753.jpeg") !important;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;background-color: transparent !important;background: inherit;}
body.wsite-background {background-attachment: fixed !important;}.wsite-background.wsite-custom-background{ background-size: cover !important}
</style>
		<script><!--
var STATIC_BASE = '//cdn1.editmysite.com/';
var ASSETS_BASE = '//cdn2.editmysite.com/';
var STYLE_PREFIX = 'wsite';
//-->
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>

<script type="text/javascript" src="//cdn2.editmysite.com/js/lang/en/stl.js?buildTime=1475174162&"></script>
<script src="//cdn2.editmysite.com/js/site/main.js?buildTime=1475174162"></script><script type="text/javascript">_W.resellerSite = true;</script><script type="text/javascript">_W.configDomain = "www.weebly.com";</script><script>_W.relinquish && _W.relinquish()</script>
<script type="text/javascript" src="//cdn2.editmysite.com/js/lang/en/stl.js?buildTime=1475174162&"></script><script> _W.themePlugins = [];</script><script type="text/javascript"><!--
	
	
	(function(jQuery){
		function initFlyouts(){
			initPublishedFlyoutMenus(
				[{"id":"836838731136024231","title":"Home","url":"index.html","target":"","nav_menu":false,"nonclickable":false},{"id":"663529351655009751","title":"Commercial","url":"commercial.html","target":"","nav_menu":false,"nonclickable":false},{"id":"991674248799091281","title":"Residential","url":"residential.html","target":"","nav_menu":false,"nonclickable":false},{"id":"458679853292499317","title":"Services","url":"services.html","target":"","nav_menu":false,"nonclickable":false},{"id":"171082269627200495","title":"Contact","url":"contact.html","target":"","nav_menu":false,"nonclickable":false}],
				"458679853292499317",
				'',
				'active',
				false,
				{"navigation\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}} class=\"wsite-menu-item-wrap\">\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\t{{#membership_required}}\n\t\t\tdata-membership-required=\"{{.}}\"\n\t\t{{\/membership_required}}\n\t\tclass=\"wsite-menu-item\"\n\t\t>\n\t\t{{{title_html}}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n","navigation\/flyout\/list":"<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">&gt;<\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"},
				{}
			)
		}
		if (jQuery) {
			jQuery(document).ready(function() { jQuery(initFlyouts); });
		}else{
			if (Prototype.Browser.IE) window.onload = initFlyouts;
			else document.observe('dom:loaded', initFlyouts);
		}
	})(window._W && _W.jQuery)
//-->
</script>
		
		
	</head>
	<body class="header-page  wsite-page-services  wsite-theme-light">
<div class="wrapper">
<div class="paris-header">
<div class="container"><label class="hamburger"></label>
<div class="logo"><span class="wsite-logo"> <a href="/"> <span id="wsite-title">jack real estate services</span> </a> </span></div>
<div class="nav desktop-nav">
<ul class="wsite-menu-default">
<li id="pg836838731136024231" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/"> Home </a></li>
<li id="pg663529351655009751" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/commercial.html"> Commercial </a></li>
<li id="pg991674248799091281" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/residential.html"> Residential </a></li>
<li id="active" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/services.html"> Services </a></li>
<li id="pg171082269627200495" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/contact.html"> Contact </a></li>
</ul>
</div>
</div>
<!-- end .container --></div>
<!-- end .header -->
<div class="banner-wrap">
<div class="wsite-elements wsite-not-footer wsite-header-elements">&nbsp;</div>
<!-- <span id="contentArrow"><span></span></span> --></div>
<div class="main-wrap">
<div id="wsite-content" class="wsite-elements wsite-not-footer">
<div class="wsite-section-wrap">
<div class="wsite-section wsite-body-section wsite-background-9 wsite-custom-background" style="height: auto;">
<div class="wsite-section-content">
<div class="container">
<div class="paragraph">Went up the hill</div>
<div>
[b]<div id="514754101186810190" class="wcustomhtml" style="width: 100%; overflow-y: hidden;" align="left"><object style="border: 0;" data="listing.php" type="text/html" width="100%" height="500%">
    </object></div>[/b]
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-wrap">
<div class="container">
<div class="footer">Site powered by Weebly. Managed by <a href="http://www.jill.com" target="_blank">jill</a></div>
</div>
<!-- end container --></div>
<!-- end footer-wrap --></div>
<div class="nav mobile-nav"><label class="hamburger"></label>
<ul class="wsite-menu-default">
<li id="pg836838731136024231" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/"> Home </a></li>
<li id="pg663529351655009751" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/commercial.html"> Commercial </a></li>
<li id="pg991674248799091281" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/residential.html"> Residential </a></li>
<li id="active" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/services.html"> Services </a></li>
<li id="pg171082269627200495" class="wsite-menu-item-wrap"><a class="wsite-menu-item" href="/contact.html"> Contact </a></li>
</ul>
</div>
<script src="/files/theme/plugins.js?1474654222" type="text/javascript"></script>
<script src="/files/theme/custom.js?1474654222" type="text/javascript"></script>
</body>
</html>

Open in new window

0
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41825835
hi there, can you send an updated screenshot of your page instead? sorry that can't generate expected output from your source codes.
0
 

Author Comment

by:imranasif17
ID: 41827050
Hi Ryan:

Please see the screenshot.

Thanks,

Imran
prob.jpg
0
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41829250
for a testing can you change the codes:
<div>
[b]<div id="514754101186810190" class="wcustomhtml" style="width: 100%; overflow-y: hidden;" align="left"><object style="border: 0;" data="listing.php" type="text/html" width="100%" height="100%">
    </object></div>[/b]
</div>

Open in new window

to:
<div>
<div id="514754101186810190" class="wcustomhtml" style="width: 100%; overflow-y: hidden;" align="left"><object style="border: 0; background-color:Red" data="http://www.w3schools.com/" type="text/html" width="100%" height="100%">
    </object></div>
</div>

Open in new window

and see what's the result? is it displayed as what you wish it to be?
0
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41829252
also check the CSS classes, particularly "wcustomhtml" and see if it got setting the width and height of its elements?
0
 

Author Comment

by:imranasif17
ID: 41829958
Hi Ryan:

I am still getting similar results.  Please see screenshot below.
view.jpg
0
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41831065
is the site accessible via internet? can you post the link here? I guess there must be some style sheet changing the layout
0
 

Author Comment

by:imranasif17
ID: 41833846
Yes Ryan.  Here is the link:

http://www.cherifrealestate.com/services.html
0
 
LVL 51

Accepted Solution

by:
Ryan Chong earned 500 total points
ID: 41836396
open main_style.css, look for line 25:

.container { width: 960px; padding: 40px 0; margin: 0 auto; }

Open in new window

you may update it to this instead:
.container { width: 960px; padding-top:40px; margin: 0 auto; }

Open in new window

or set the padding-bottom to 0px:
.container { width: 960px; padding: 40px 0; padding-bottom:0px; margin: 0 auto; }

Open in new window

0
 

Author Comment

by:imranasif17
ID: 41837008
Thanks for your reply Ryan, I tried both the options and it did not help.  Still the same problem.
0
 
LVL 51

Expert Comment

by:Ryan Chong
ID: 41837798
it's weird that it works for me....

SnapShot1.png
SnapShot2.png
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

679 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question