PHP Framework Assistance

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; ?>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;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">

LSU-Peoples Health Center for Healthcare Advancement

	<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?>&nbsp</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;">&copy;<?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; ?>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;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); ?>

LSU-Peoples Health Center for Healthcare Advancement

<?= $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?>&nbsp</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;">&copy;<?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.

I don’t think this is really a php issue, rather a HTML/CSS issue?

header h1 a { position: absolute; top: 0; left: 0; display: block; width: 148px; height: 266px; text-indent: -9999px; background: transparent url('/public/img/logoBig.png') no-repeat top left; z-index: 10000; }
I am not sure, but if you have this for your About, Focus and Advisory Council should match your Home and Resources pages it might do the trick? Though I’m not too sure about that, for I haven’t tested it out.

The biggest thing is to have the html page structure and the css rules match across all pages. This is generally where you would use a template masterpage and only change the content as well. It makes it easier.

I find this very useful at all.

Sponsor our Newsletter | Privacy Policy | Terms of Service