Hi Greg,
I re-sized the images using the thumbnail and restricted the max. u/l's to one in the section editor. Didn't see the advanced options there (thnks) however, when I resize the image using the thumbnail on existing picture, I get a very grainy/pixelated version. I u/l a larger pic with dimensions outside the restricted range, but when it resized it did so with constraints; in other words it did not resize to the specified dimension (in section editor), only to one dimension (height) and the width was constrained by the original dimension of the pic. (constrained proportions)
I'm new to the forum to, so I assume you need the entire code for furniture.php...? I'm sure you can spot the problem, and I appreciate your help in this. I need to get this Site wrapped up! :)
<?php header('Content-type: text/html; charset=utf-8'); ?>
<?php
// load viewer library
$libraryPath = 'cmsAdmin/lib/viewer_functions.php';
$dirsToCheck = array('/home/twis2066/public_html/','','../','../../','../../../');
foreach ($dirsToCheck as $dir) { if (@include_once("$dir$libraryPath")) { break; }}
if (!function_exists('getRecords')) { die("Couldn't load viewer library, check filepath in sourcecode."); }
// load record from 'rustic_furniture'
list($rustic_furnitureRecords, $rustic_furnitureMetaData) = getRecords(array(
'tableName' => 'rustic_furniture',
'where' => '', // load first record
'loadUploads' => true,
'allowSearch' => false,
'limit' => '1',
));
$rustic_furnitureRecord = @$rustic_furnitureRecords[0]; // get first record
if (!$rustic_furnitureRecord) { dieWith404("Record not found!"); } // show error message if no record found
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Rustic Furniture</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
body { font-family: arial; }
.instructions { border: 3px solid #000; background-color: #EEE; padding: 10px; text-align: left; margin: 25px}
</style>
</head>
<body>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<!-- CHECKLIST: Remove if activated in .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- CHECKLIST: Test on CMS
-->
<title>Twisted Log Rustic Furniture</title>
<!-- CHECKLIST: Test on CMS
SEO, need to be on every indexing page -->
<meta name="description" content="Rustic Log Furniture in Cochrane, Alberta, Canada" />
<meta name="keywords" content="affordable log furniture,discount log furniture,hand crafted log furniture,handcrafted log furniture,log furniture,log furniture benches,log furniture chairs,log furniture for sale,log furniture futon,log patio furniture,rustic log cabin furniture,rustics log furniture" />
<meta name="author" content="Eldon Preston www.twistedlog.ca" />
<meta name="copyright" content="www.twistedlog.ca, Larissa Pitton" />
<meta name="distribution" content="Global" />
<meta name="revisit-after" content="30 days" />
<meta name="robots" content="furniture, follow" />
<meta name="url" content="http://www.twistedlog.ca/" />
<meta name="language" content="English" />
<meta name="viewport" content="width=device-width">
<!-- CHECKLIST: Test on CMS
Canonical url for a page to index in search engines -->
<link rel="canonical" href="">
<link rel="stylesheet" href="publish/style.css">
<!--[if lt IE 8]><link rel="stylesheet" href="publish/style.ie.css"><![endif]-->
<script src="http://yandex.st/modernizr/2.6.1/modernizr.min.js"></script>
<script src="http://yandex.st/jquery/1.8.1/jquery.min.js"></script>
<script src="publish/script.js"></script>
</head>
<body>
<!--<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>-->
<!--script language="javascript">
$(document).ready(
function (){
$("#pikame2").PikaChoose({
animationSpeed: 1000,
showCaption:false,
carousel: false
});
});
</script-->
<header class="b-header">
<a class="b-logo" href="index.php" title="Twisted Log - Log constrauctions and furnishing">Main page</a>
<nav class="b-menu">
<ul>
<li class="b-menu__item">
<a class="b-menu__item-link" href="index.php">home</a>
</li>
<li class="b-menu__item">
<a class="b-menu__item-link" href="about.php">about us</a>
</li>
<li class="b-menu__item">
<a class="b-menu__item-link" href="where2cus.php">where to see us</a>
</li>
<li class="b-menu__item">
<a class="b-menu__item-link" href="quotes.php">quotes</a>
</li>
</ul>
</nav>
<nav class="b-submenu">
<ul>
<li class="b-submenu__item b-submenu__item_active">
<a class="b-submenu__item-link" href="furniture.php">Rustic Furniture »</a>
</li>
<li class="b-submenu__item">
<a class="b-submenu__item-link" href="log_timber.php">Log & Timber Construction »</a>
</li>
<li class="b-submenu__item">
<a class="b-submenu__item-link" href="homes_cabins.php">Log Homes & Cabins »</a>
</li>
<li class="b-submenu__item">
<a class="b-submenu__item-link" href="homes_cabins.php">Railing & Stairs »</a>
</li>
</ul>
</nav>
<figure class="b-signup">
<a class="b-signup__link b-signup__link_fb" target="_blank" href="https://www.facebook.com/TwistedLog">Sign in as facebook</a>
<a class="b-signup__link b-signup__link_fl" target="_blank" href="http://www.flickr.com/photos/twistedlog/sets/">Sign in as flickr</a>
<p class="b-signup__txt">SIGN UP FOR OUR <big>newsletters</big></p>
<form class="b-signup__form" action="FormToEmail.php" method="get">
<fieldset>
<div class="b-signup__input">
<input type="text" placeholder="Enter Your Email Here..." id="usr_email" name="optin"/>
</div>
<input class="b-signup__submit" type="submit"/>
</fieldset>
</form>
</figure>
</header>
<div class="b-slider b-slider_furniture">
<div class="b-welcome__wrap">
<i class="b-welcome__decor"></i>
<div class="b-welcome b-welcome_inner"><?php echo htmlencode($rustic_furnitureRecord['rf_title']) ?></div>
</div>
<ul id="pikame2" >
<li><img src="tmp/furniture1.jpg"/></li>
</ul>
<i class="g-gray-triangle_left"></i>
<i class="g-gray-triangle_right"></i>
</div>
<div class="l-content">
<div class="l-content__inner">
<div class="b-text">
<p><span style="color: #915113"><strong><em><big>You imagine… and we create…</big></em></strong></span></p>
<p><?php echo $rustic_furnitureRecord['rf_content']; ?></p>
</div>
<section class="b-furniture">
<div class="b-furniture__item">
<p class="b-furniture__title">LIVE EDGE FURNITURE</p>
<div class="b-furniture__types">
<i class="b-furniture__link_decor" style="background-image: url(tmp/furniture2.jpg)"></i>
<a class="b-furniture__link fancy" href="rf1.html" ></a>
</div>
</div>
<div class="b-furniture__item">
<p class="b-furniture__title">LOG & TIMBER FURNITURE</p>
<div class="b-furniture__types">
<i class="b-furniture__link_decor" style="background-image: url(tmp/furniture3.jpg)"></i>
<a class="b-furniture__link fancy" href="rf2.html" ></a>
</div>
</div>
<div class="b-furniture__item">
<p class="b-furniture__title">RECLAIMED FURNITURE</p>
<div class="b-furniture__types">
<i class="b-furniture__link_decor" style="background-image: url(tmp/furniture4.jpg)"></i>
<a class="b-furniture__link fancy" href="rf3.html" ></a>
</div>
</div>
<div class="b-furniture__item">
<p class="b-furniture__title">SPECIALTY ITEMS</p>
<div class="b-furniture__types">
<i class="b-furniture__link_decor" style="background-image: url(tmp/furniture5.jpg)"></i>
<a class="b-furniture__link fancy" href="rf4.html" ></a>
</div>
</div>
</section>
<div class="b-text">
<p>Contact us to discuss your needs or to set an appointment.</p>
<p><strong>Twisted Log Ltd.</strong><br/>
<span style="color: #915113">Phone: (4030 932-1158 Fax: 1-866-283-2597<br/>
Box 1035 Cochrane, AB, T4C 1B1</span><br/>
info@twistedlog.ca </p>
</div>
</div> <!-- l-content__inner -->
</div> <!-- l-content -->
<footer class="b-footer-wrap">
<figure class="b-footer">
<div class="b-footer__arrow_left"></div>
<div class="b-footer__arrow_right"></div>
<div class="b-copyright hcard">
<strong>Powered by:</strong><br/>
<span class="b-copyright__firm fn org">TwistedLogLtd.</span><br/>
P. O. Box 1035<br/>
Cochrane, AB, T4C 1B1<br/>
Tel: <span class="tel">(403) 932 - 1158</span><br/>
<span class="email"><a href="mailto:info@twistedlog.ca">info@twistedlog.ca</a></span><br/>
Copyright © 2007-2012
</div>
<nav class="b-footer-menu">
<ul>
<li class="b-footer-menu__item b-footer-menu__item_active">
<a class="b-footer-menu__item-link" href="index.php">home</a>
</li>
<li class="b-footer-menu__item">
<a class="b-footer-menu__item-link" href="about.php">about us</a>
</li>
<li class="b-footer-menu__item">
<a class="b-footer-menu__item-link" href="where2cus.php">where to see us</a>
</li>
<li class="b-footer-menu__item">
<a class="b-footer-menu__item-link" href="quotes.php">quotes</a>
</li>
</ul>
</nav>
<nav class="b-footer-submenu">
<ul>
<li class="b-footer-submenu__item">
<a class="b-footer-submenu__item-link" href="furniture.php">Rustic Furniture »</a>
</li>
<li class="b-footer-submenu__item">
<a class="b-footer-submenu__item-link" href="log_timber.php">Log & Timber Construction »</a>
</li>
<li class="b-footer-submenu__item">
<a class="b-footer-submenu__item-link" href="homes_cabins.php">Log Homes & Cabins »</a>
</li>
<li class="b-footer-submenu__item">
<a class="b-footer-submenu__item-link" href="homes_cabins.php">Railing & Stairs »</a> </li>
</ul>
</nav>
<p class="b-epilog">
The information contained herein is proprietary of Twisted Log Ltd. and cannot be reproduced in any way without their expressed written permission.
</p>
</figure>
</footer>
<!-- CHECKLIST:
Google Analytics snippet BEGIN -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36188144-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- Google Analytics snippet END -->
</body>
</html>