Hello:
I am working on updating a website for a Client located here:
http://www.centerforhealthcareadvancement.com/
I am at a beginner level with PHP (along with the CMS used to create this page) so I am running into some issues with trying to update it to get it to look how I want.
I am trying to have the framework match no across all menu options on the top of the page. For example, right now if you click “About” the purple banner on the upper-left-hand side is different and the text doesn’t span the width of the page. I would like the “About”, “Focus Areas”, and “Advisory Council” pages to all match the layout of “Home” and “Resources”.
The “Home” and “Resources” pages link to an Index.PHP file, while the other 3 (About, Focus Areas, and Advisory Council) all link to an Internal.PHP file. Here are the two files:
Index:
<!doctype html>
<title><?php if ($this->hasContent('SEO Title')): ?><?php echo $this->content('SEO Title'); ?><?php else: ?><?php echo $this->title(); ?><?php endif; ?> | LSU-Peoples Health Center for Healthcare Advancement</title>
<!-- CSS: implied media="all" -->
<link rel="stylesheet" href="/public/css/style.css?v=2">
<link href='http://fonts.googleapis.com/css?family=Gudea:400,400italic,700' rel='stylesheet' type='text/css'>
<!-- Uncomment if you are specifically targeting less enabled mobile browsers
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=2"> -->
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="/public/js/libs/modernizr-2.0.6.min.js"></script>
<script src="/public/js/libs/respond.min.js"></script>
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/public/favicon.ico">
<div id="main" role="main" class="clearfix">
<div id="mainPic" class="clearfix">
<h2 class="ptsans">When healthcare works: Information. Leadership. Results.</h2>
<div id="mainPicLine"></div>
</div>
</div>
<div id="quadWrapper" class="clearfix">
<h3 class="newgt"><?= $this->content('headline'); ?></h3>
<p><?= $this->content(); ?></p>
<footer>
<div id="footerLine"></div>
<h4 alt="Alliance for optimal health outcomes" class="newgt"><?//AN ALLIANCE FOR OPTIMAL HEALTH OUTCOMES?> </h4>
<ul class="newgt">
<li><a href="http://www.peopleshealth.com" onclick="window.open(this.href);return false;" class="peoplesLogo"><img alt="Peoples Health Logo" src="/public/img/logoPeoples.png"/></a></li>
<li><a href="http://www.lsuhsc.edu/" onclick="window.open(this.href);return false;" class="lsuLogo"><img alt="LSU Health Logo" src="/public/img/logoLSU.png"/></a></li>
<li><a href="/newsroom">Newsroom</a></li>
</ul>
<div id="copyWrite" style="line-height: 150%; padding-bottom: 10px;">©<?php echo date('Y') ?> Center for Healthcare Advancement. All rights reserved. H1961_PH_2014CHAWEBSITE Approved.<br/>Peoples Health is a Medicare Advantage organization with a Medicare contract to offer HMO plans. <br>Enrollment depends on annual Medicare contract renewal. Other providers are available in our network.<br/>Page last updated at <?php echo $this->date('%r, %A, %B %e, %Y', 'updated'); ?></div>
</footer>
</div>
</div>
Internal:
<!doctype html>
<title><?php if ($this->hasContent('seo title')): ?><?php echo $this->content('seo title'); ?><?php else: ?><?php echo $this->title(); ?><?php endif; ?> | LSU-Peoples Health Center for Healthcare Advancement</title>
<!-- CSS: implied media="all" -->
<link rel="stylesheet" href="/public/css/style.css?v=2">
<link href='http://fonts.googleapis.com/css?family=Gudea:400,400italic,700' rel='stylesheet' type='text/css'>
<!-- Uncomment if you are specifically targeting less enabled mobile browsers
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=2"> -->
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="/public/js/libs/modernizr-2.0.6.min.js"></script>
<script src="/public/js/libs/respond.min.js"></script>
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/public/favicon.ico">
<?php
function strSlice($str, $start, $end) {
$end = $end - $start;
return substr($str, $start, $end);
}
$pageName = strSlice($_SERVER["REQUEST_URI"], 1, 5);
?>
<?= $this->title(); ?>
<?= $this->content(); ?> </div>
</div>
<div id="quadWrapper" class="clearfix">
<footer>
<div id="footerLine"></div>
<h4 alt="Alliance for optimal health outcomes" class="newgt"><?//AN ALLIANCE FOR OPTIMAL HEALTH OUTCOMES?> </h4>
<ul class="newgt">
<li><a href="http://www.peopleshealth.com" onclick="window.open(this.href);return false;" class="peoplesLogo"><img alt="Peoples Health Logo" src="/public/img/logoPeoples.png"/></a></li>
<li><a href="http://www.lsuhsc.edu/" onclick="window.open(this.href);return false;" class="lsuLogo"><img alt="LSU Health logo" src="/public/img/logoLSU.png"/></a></li>
</ul>
<div id="copyWrite" style="line-height: 150%; padding-bottom: 10px;">©<?php echo date('Y') ?> Center for Healthcare Advancement. All rights reserved. H1961_PH_2014CHAWEBSITE Approved.<br/>Peoples Health is a Medicare Advantage organization with a Medicare contract to offer HMO plans. <br>Enrollment depends on annual Medicare contract renewal. Other providers are available in our network.<br/>Page last updated at <?php echo $this->date('%r, %A, %B %e, %Y', 'updated'); ?></div>
</footer>
</div>
</div>
Can anyone assist in helping me understand what I need to do to get all the styles matching on all of the pages? Thanks in advance.