Need a little explanation about PHP and a dynamic development clarification

Just after a little info here, no pressing issue other than, I need to understand how this system works. Page code attached.
The same page is used and made to appear to be several different pages depending upon the topic selected.
How is it though, when I change the CSS for the initial page, it doesn't seem to change it for the other topics (pages) I thought would be represented.
In other words, it seems like the divs change and I can't seem to find how to access or even select them and make any adjustments to the subsequent pages. Am I being clear enough??? Your patience and detail would be greatly appreciated. I assure you..I am not even on your level hence my arrival here!
I can submit the CSS too if that would help.
Thanks in advance for the lesson!
e!
<?php
 
//---------------------------
// GET INCLUDES, CONNECT TO DB
//---------------------------
include("Connections/CHMI.php");
mysql_select_db($database_CHMI, $CHMI);
 
 
include("includes/config.php");
 
 
//---------------------------
// WHAT PAGE DO THEY WANT?
//---------------------------
 
$page = $_GET['page'];
 
//---------------------------
// DEFINE BUTTONS AND LINKS
//---------------------------
 
$button_top_left	=  "HOME";
$button_top_middle	=  "CONTACT";
$button_top_right	=  "  QUOTE?";
 
$link_top_left		=  "index.php";
$link_top_middle	=  "contact.php";
$link_top_right		=  "quote.php";
 
 
//------------------------------
// DETERMINE APPROPRIATE ACTION
//------------------------------
switch ($page)
    {	
	
	case "contact":
 
    	header("Location: contact.php");
	    break;
		
	case "catalog":
 
    	header("Location: catalog.php");
	    break;
	
	case "cart":
 
    	header("Location: http://www.shopchmi.com");
    	break;
		
	case "":
		$page = "index";
		break;
		
	default:
		$page = $_GET['page'];
		break;
    }
	
//------------------------------
// GET PAGE DATA FROM DATABASE
//------------------------------
 
$sql = "SELECT * FROM pages WHERE pagename = '$page' ";
$result = mysql_query($sql);
$row = mysql_fetch_object($result);
	
?>
 
<html>
    <head>
        <title>.: CHMI - Custom Hardware Manufacturing, Inc.</title>
 
        <meta http-equiv = "Content-Type" content = "text/html; charset=iso-8859-1">
        <meta name = "description"
                content = "EDWARD REMEMBER TO GIVE ME A NICE DESCRIPTION HERE FOR THE SEARCH ENGINES">
		<?php if($page == "smarttouch"){ ?>
        <!-- INCLUDE STYLE SHEETS -->
        <link href = "css/smarttouch.css" rel = "stylesheet" type = "text/css">
		<? } else { ?>
		<link href = "css/index.css" rel = "stylesheet" type = "text/css">
		<?php 
		}
		?>
 
        <!-- INCLUDE JAVASCRIPT -->
        
        </script>
		
		<script type="text/javascript" src="javascript/prototype.js"></script>
        <script type="text/javascript" src="javascript/scriptaculous-js-1.7.1_beta3/src/scriptaculous.js"></script>
		<script type="text/javascript">
		
		
		<!--
		
function validateSearch(){
 
    if( $F('keyword') != ""){
	document.searchform.submit();
	} else {
		alert("We need something to search for");
	}
 
}		
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//--></script>
		
		</head>
        <style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:303px;
	top:13px;
	width:308px;
	height:22px;
	z-index:86;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#Layer2 {
	position:absolute;
	left:25px;
	top:199px;
	width:100px;
	height:14px;
	z-index:87;
}
#Layer3 {
	position:absolute;
	left:121px;
	top:198px;
	width:67px;
	height:15px;
	z-index:88;
}
#Layer4 {
	position:absolute;
	left:115px;
	top:199px;
	width:76px;
	height:16px;
	z-index:88;
}
#Layer5 {
	position:absolute;
	left:202px;
	top:199px;
	width:60px;
	height:19px;
	z-index:89;
}
#Layer6 {
	position:absolute;
	left:276px;
	top:199px;
	width:222px;
	height:16px;
	z-index:90;
}
#Layer7 {
	position:absolute;
	left:443px;
	top:199px;
	width:52px;
	height:15px;
	z-index:91;
}
#Layer8 {
	position:absolute;
	left:618px;
	top:229px;
	width:170px;
	height:12px;
	z-index:92;
}
#Layer9 {
	position:absolute;
	left:621px;
	top:410px;
	width:129px;
	height:14px;
	z-index:93;
}
#Layer10 {
	position:absolute;
	left:45px;
	top:410px;
	width:370px;
	height:14px;
	z-index:94;
}
#Layer11 {
	position:absolute;
	left:26px;
	top:580px;
	width:732px;
	height:23px;
	z-index:95;
}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; }
#Layer12 {
	position:absolute;
	left:23px;
	top:224px;
	width:527px;
	height:19px;
	z-index:96;
}
-->
        </style>
</head>
 
    <body onLoad = "MM_preloadImages('images/home_over.jpg','images/contact_over.jpg','images/viewcart_over.jpg','images/bathshower_over.jpg','images/arch_over.jpg','images/smarttouch_over.jpg','images/archsystems_over.jpg','images/catalog_over.jpg')">
 
    <div onClick="document.location.href='index.php?page=bathshower'" onMouseOver = "MM_swapImage('index_r10_c6','','images/bathshower_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()" class="ButtonTypeography" id="Layer2">BATH &amp; SHOWER </div>
    <div onClick="document.location.href='index.php?page=architectural'" onMouseOver = "MM_swapImage('index_r10_c11','','images/arch_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()" class="ButtonTypeography" id="Layer4">ARCHITECTURAL</div>
    <div  onclick="document.location.href='index.php?page=smarttouch'" onMouseOver = "MM_swapImage('index_r10_c15','','images/smarttouch_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()" class="ButtonTypeography" id="Layer5">SMARTTOUCH</div>
    <div onClick="document.location.href='index.php?page=glasssystems'" onMouseOver = "MM_swapImage('index_r10_c20','','images/archsystems_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()" class="ButtonTypeography" id="Layer6">ARCHITECTURAL GLASS SYSTEMS </div>
    <div onClick="document.location.href='index.php?page=catalog'" onMouseOver = "MM_swapImage('index_r10_c29','','images/catalog_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()" class="ButtonTypeography" id="Layer7">CATALOG</div>
    <div class="titles" id="Layer8"><?php echo $row->sidebox1 ?></div>
    <div class="ButtonTypeography" id="Layer9"><?php echo $row->sidebox2 ?></div>
    <div class="ButtonTypeography2" id="Layer10"><?php
	echo $row->bottom_heading; ?></div>
    <div class="style1" id="Layer11">Copyright 2008 CHMI- CUSTOM HARDWARE MANUFACTURING, INC. </div>
    <div id="Layer12"><?php echo $row->main_heading ?></div>
    <form action="search_results.php" method="post" name="searchform" id="searchform" >
 
 
	
	
  <div id = "indexr1c1"
                style = "position:absolute; left:0px; top:0px;width:39px; height:40px;z-index:1; visibility:visible;">
            <img name = "index_r1_c1" src = "images/index_r1_c1.jpg" width = "39" height = "40" border = "0">
      </div>
 
        <div id = "indexr1c8"
                style = "position:absolute; left:39px; top:-1px;width:7px; height:14px;z-index:2; visibility:visible;">
            <img name = "index_r1_c8" src = "images/index_r1_c8.jpg" width = "7" height = "14" border = "0">
        </div>
 
        <div id = "indexr1c9"
                style = "position:absolute; left:46px; top:-1px;width:231px; height:14px;z-index:3; visibility:visible;">
            <img name = "index_r1_c9" src = "images/index_r1_c9.jpg" width = "231" height = "14" border = "0">
        </div>
 
        <div id = "indexr1c21"
                style = "position:absolute; left:277px; top:0px;width:9px; height:40px;z-index:4; visibility:visible;">
            <img name = "index_r1_c21" src = "images/index_r1_c21.jpg" width = "9" height = "40" border = "0">
        </div>
 
      <div id = "indexr1c34"
                style = "position:absolute; left:286px; top:0px;width:454px; height:40px;z-index:6; visibility:visible;">
				<img src="images/top_rt.jpg">
	  </div>
 
        <div id = "indexr1c43"
                style = "position:absolute; left:740px; top:0px;width:40px; height:40px;z-index:7; visibility:visible;">
            <img name = "index_r1_c43" src = "images/index_r1_c43.jpg" width = "40" height = "40" border = "0">
        </div>
 
        <div id = "indexr1c45"
                style = "position:absolute; left:780px; top:0px;width:1px; height:600px;z-index:8; visibility:visible;">
            <img name = "index_r1_c45" src = "images/index_r1_c45.jpg" width = "1" height = "600" border = "0">
        </div>
 
        <div class="handjob" id = "indexr2c8"
                style = "position:absolute; left:39px; top:14px;width:74px; height:26px;z-index:9; visibility:visible;">
            <img src = "images/index_r2_c8.jpg" name = "index_r2_c8" width = "74" height = "26" border = "0"
                    onMouseOver = "MM_swapImage('index_r2_c8','','images/home_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()"><a href = "<?php echo $link_button_left; ?>">
 
			<div onClick="document.location.href='index.php'" onMouseOver = "MM_swapImage('index_r2_c8','','images/home_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()" id = "btnhometext">
                <? echo $button_top_left; ?>            </div>
 
            </a>      </div>
 
        <div class="handjob" id = "indexr2c12"
                style = "position:absolute; left:113px; top:14px;width:77px; height:26px;z-index:10; visibility:visible;">
            <img src = "images/index_r2_c12.jpg" name = "index_r2_c12" width = "77" height = "26" border = "0"
                    onMouseOver = "MM_swapImage('index_r2_c12','','images/contact_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">
 
            <div onClick="document.location.href='index.php?page=contact'"id = "btncontacttext" 
					onMouseOver = "MM_swapImage('index_r2_c12','','images/contact_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">
					
                <? echo $button_top_middle; ?>            </div>
      </div>
 
        <div class="handjob" id = "indexr2c13"
                style = "position:absolute; left:190px; top:14px;width:87px; height:26px;z-index:11; visibility:visible;">
            <img src = "images/index_r2_c13.jpg" name = "index_r2_c13" width = "87" height = "26" border = "0"
                    onMouseOver = "MM_swapImage('index_r2_c13','','images/viewcart_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">
					
			<div onClick="document.location.href='quote.php'" id = "btnviewcarttext" 
					onMouseOver = "MM_swapImage('index_r2_c13','','images/viewcart_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">
 
                <? echo $button_top_right; ?>			</div>
      </div>
 
        <div id = "indexr6c1"
                style = "position:absolute; left:0px; top:40px;width:390px; height:149px;z-index:20; visibility:visible;">
            <img name = "index_r6_c1" src = "images/index_r6_c1.jpg" width = "390" height = "149" border = "0">
        </div>
 
        <div id = "indexr6c27"
                style = "position:absolute; left:390px; top:40px;width:190px; height:40px;z-index:21; visibility:visible;">
            <img name = "index_r6_c27" src = "images/index_r6_c27.jpg" width = "190" height = "40" border = "0">
        </div>
 
        <div id = "indexr6c39"
                style = "position:absolute; left:580px; top:40px;width:200px; height:40px;z-index:22; visibility:visible;">
            <img name = "index_r6_c39" src = "images/index_r6_c39.jpg" width = "200" height = "40" border = "0">
        </div>
 
        <div id = "indexr7c27"
                style = "position:absolute; left:390px; top:80px;width:200px; height:60px;z-index:23; visibility:visible;">
            <img name = "index_r7_c27" src = "images/index_r7_c27.jpg" width = "200" height = "60" border = "0">
        </div>
 
        <div id = "indexr7c40"
                style = "position:absolute; left:590px; top:80px;width:190px; height:60px;z-index:24; visibility:visible;">
            <img name = "index_r7_c40" src = "images/index_r7_c40.jpg" width = "190" height = "60" border = "0">
        </div>
 
        <div id = "indexr8c27"
                style = "position:absolute; left:390px; top:140px;width:200px; height:50px;z-index:25; visibility:visible;">
            <img name = "index_r8_c27" src = "images/index_r8_c27.jpg" width = "200" height = "50" border = "0">
        </div>
 
        <div id = "indexr8c40"
                style = "position:absolute; left:590px; top:140px;width:190px; height:50px;z-index:26; visibility:visible;">
            <img name = "index_r8_c40" src = "images/index_r8_c40.jpg" width = "190" height = "50" border = "0">
        </div>
 
        <div id = "indexr9c1"
                style = "position:absolute; left:0px; top:189px;width:343px; height:1px;z-index:27; visibility:visible;">
            <img name = "index_r9_c1" src = "images/index_r9_c1.jpg" width = "343" height = "1" border = "0">
        </div>
 
        <div id = "indexr9c25"
                style = "position:absolute; left:343px; top:189px;width:47px; height:1px;z-index:28; visibility:visible;">
            <img name = "index_r9_c25" src = "images/index_r9_c25.jpg" width = "47" height = "1" border = "0">
        </div>
 
        <div id = "indexr10c1"
                style = "position:absolute; left:0px; top:190px;width:20px; height:28px;z-index:29; visibility:visible;">
            <img name = "index_r10_c1" src = "images/index_r10_c1.jpg" width = "20" height = "28" border = "0">
        </div>
 
        <div  onclick="document.location.href='index.php?page=bathshower'" class="handjob" id = "indexr10c6"
                style = "position:absolute; left:20px; top:190px;width:88px; height:29px;z-index:30; visibility:visible;">
            <img src = "images/index_r10_c6.jpg" name = "index_r10_c6" width = "88" height = "29" border = "0"
                    onMouseOver = "MM_swapImage('index_r10_c6','','images/bathshower_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">        </div>
		
 
        <div id = "indexr10c10"
                style = "position:absolute; left:108px; top:190px;width:3px; height:29px;z-index:31; visibility:visible;">
            <img name = "index_r10_c10" src = "images/index_r10_c10.jpg" width = "3" height = "29" border = "0">
        </div>
 
        <div class="handjob" id = "indexr10c11"
                style = "position:absolute; left:111px; top:190px;width:83px; height:29px;z-index:32; visibility:visible;">
            <img src = "images/index_r10_c11.jpg" name = "index_r10_c11" width = "83" height = "29" border = "0"
                    onMouseOver = "MM_swapImage('index_r10_c11','','images/arch_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">        </div>
 
        <div id = "indexr10c14"
                style = "position:absolute; left:194px; top:190px;width:4px; height:29px;z-index:33; visibility:visible;">
            <img name = "index_r10_c14" src = "images/index_r10_c14.jpg" width = "4" height = "29" border = "0">
        </div>
 
        <div onClick="document.location.href='index.php?page=smarttouch'" class="handjob" id = "indexr10c15"
                style = "position:absolute; left:198px; top:190px;width:70px; height:29px;z-index:34; visibility:visible;">
            <img src = "images/index_r10_c15.jpg" name = "index_r10_c15" width = "70" height = "29" border = "0"
                    onMouseOver = "MM_swapImage('index_r10_c15','','images/smarttouch_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">        </div>
 
        <div id = "indexr10c19"
                style = "position:absolute; left:268px; top:190px;width:3px; height:29px;z-index:35; visibility:visible;">
            <img name = "index_r10_c19" src = "images/index_r10_c19.jpg" width = "3" height = "29" border = "0">
        </div>
 
        <div onClick="document.location.href='index.php?page=glasssystems'" class="handjob" id = "indexr10c20"
                style = "position:absolute; left:271px; top:190px;width:165px; height:29px;z-index:36; visibility:visible;">
            <img src = "images/index_r10_c20.jpg" name = "index_r10_c20" width = "165" height = "29" border = "0"
                    onMouseOver = "MM_swapImage('index_r10_c20','','images/archsystems_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">        </div>
 
        <div id = "indexr10c28"
                style = "position:absolute; left:436px; top:190px;width:3px; height:29px;z-index:37; visibility:visible;">
            <img name = "index_r10_c28" src = "images/index_r10_c28.jpg" width = "3" height = "29" border = "0">
        </div>
 
        <div onClick="document.location.href='index.php?page=catalog'" class="handjob" id = "indexr10c29"
                style = "position:absolute; left:439px; top:190px;width:60px; height:29px;z-index:38; visibility:visible;">
            <img src = "images/index_r10_c29.jpg" name = "index_r10_c29" width = "60" height = "29" border = "0"
                    onMouseOver = "MM_swapImage('index_r10_c29','','images/catalog_over.jpg',1)"
                    onMouseOut = "MM_swapImgRestore()">        </div>
 
        <div id = "indexr10c33"
                style = "position:absolute; left:499px; top:190px;width:91px; height:29px;z-index:39; visibility:visible;">
            <img name = "index_r10_c33" src = "images/index_r10_c33.jpg" width = "91" height = "29" border = "0">
        </div>
 
        <div id = "indexr10c40"
                style = "position:absolute; left:590px; top:190px;width:190px; height:29px;z-index:40; visibility:visible;">
            <img name = "index_r10_c40" src = "images/index_r10_c40.jpg" width = "190" height = "29" border = "0">
        </div>
 
        <div id = "indexr11c1"
                style = "position:absolute; left:0px; top:218px;width:9px; height:28px;z-index:41; visibility:visible;">
            <img name = "index_r11_c1" src = "images/index_r11_c1.jpg" width = "9" height = "28" border = "0">
        </div>
 
        <div id = "indexr11c2"
                style = "position:absolute; left:9px; top:218px;width:11px; height:1px;z-index:42; visibility:visible;">
            <img name = "index_r11_c2" src = "images/index_r11_c2.jpg" width = "11" height = "1" border = "0">
        </div>
 
        <div id = "indexr12c2"
                style = "position:absolute; left:9px; top:219px;width:9px; height:27px;z-index:43; visibility:visible;">
            <img name = "index_r12_c2" src = "images/index_r12_c2.jpg" width = "9" height = "27" border = "0">
        </div>
 
        <div id = "indexr12c4"
                style = "position:absolute; left:18px; top:219px;width:242px; height:27px;z-index:44; visibility:visible;">
            <img name = "index_r12_c4" src = "images/index_r12_c4.jpg" width = "242" height = "27" border = "0">
        </div>
 
        <div id = "indexr12c18"
                style = "position:absolute; left:260px; top:219px;width:302px; height:27px;z-index:45; visibility:visible;">
            <img name = "index_r12_c18" src = "images/index_r12_c18.jpg" width = "302" height = "27" border = "0">
        </div>
 
        <div id = "indexr12c36"
                style = "position:absolute; left:562px; top:219px;width:28px; height:27px;z-index:46; visibility:visible;">
            <img name = "index_r12_c36" src = "images/index_r12_c36.jpg" width = "28" height = "27" border = "0">
        </div>
 
        <div id = "indexr12c40"
                style = "position:absolute; left:590px; top:219px;width:190px; height:28px;z-index:47; visibility:visible;">
            <img name = "index_r12_c40" src = "images/index_r12_c40.jpg" width = "190" height = "28" border = "0">
        </div>
 
        <div id = "indexr13c1"
                style = "position:absolute; left:0px; top:246px;width:9px; height:135px;z-index:48; visibility:visible;">
            <img name = "index_r13_c1" src = "images/index_r13_c1.jpg" width = "9" height = "135" border = "0">
        </div>
 
        <div id = "indexr13c2"
                style = "position:absolute; left:9px; top:246px;width:9px; height:134px;z-index:49; visibility:visible;">
            <img name = "index_r13_c2" src = "images/index_r13_c2.jpg" width = "9" height = "134" border = "0">
        </div>
 
        <div id = "indexr13c4"
                style = "position:absolute; left:18px; top:246px; width:540px; height:131px; z-index:50; visibility:visible; overflow: auto;">
          
          <div id = "mainbodytext">
                <?php echo $row->page_html ;?>
          </div>
      </div>
 
        <div id = "indexr13c37"
                style = "position:absolute; left:563px; top:246px;width:17px; height:134px;z-index:51; visibility:visible;">
            <img src = "images/index_r13_c37.jpg" name = "index_r13_c37" width = "17" height = "134"  border = "0">        </div>
 
        <div id = "indexr13c39"
                style = "position:absolute; left:580px; top:246px;width:10px; height:354px;z-index:52; visibility:visible;">
            <img name = "index_r13_c39" src = "images/index_r13_c39.jpg" width = "10" height = "354" border = "0">
        </div>
 
        <div id = "indexr14c40"
                style = "position:absolute; left:590px; top:247px;width:8px; height:7px;z-index:53; visibility:visible;">
            <img name = "index_r14_c40" src = "images/index_r14_c40.jpg" width = "8" height = "100%" border = "0">
        </div>
 
        <div id = "indexr14c41"
                style = "position:absolute; left:601px; top:249px; width:157px; height:130px; z-index:54; visibility:visible; padding-left: 2px; padding-top: 5px;"><span class="edsdiv"><?php echo $row->sidebox1_html ?></span></div>
 
        <div id = "indexr14c44"
                style = "position:absolute; left:762px; top:247px;width:18px; height:353px;z-index:55; visibility:visible;">
            <img name = "index_r14_c44" src = "images/index_r14_c44.jpg" width = "18" height = "353" border = "0">
        </div>
 
        <div id = "indexr15c40"
                style = "position:absolute; left:590px; top:254px;width:8px; height:5px;z-index:56; visibility:visible;">
            <img name = "index_r15_c40" src = "images/index_r15_c40.jpg" width = "8" height = "100%" border = "0">
        </div>
 
        <div id = "indexr16c40"
                style = "position:absolute; left:590px; top:259px;width:8px; height:341px;z-index:57; visibility:visible;">
            <img name = "index_r16_c40" src = "images/index_r16_c40.jpg" width = "8" height = "341" border = "0">
        </div>
 
        <div id = "indexr17c2"
                style = "position:absolute; left:9px; top:380px;width:9px; height:1px;z-index:58; visibility:visible;">
            <img name = "index_r17_c2" src = "images/index_r17_c2.jpg" width = "9" height = "1" border = "0">
        </div>
 
        <div id = "indexr17c37"
                style = "position:absolute; left:563px; top:380px;width:17px; height:1px;z-index:59; visibility:visible;">
            <img name = "index_r17_c37" src = "images/index_r17_c37.jpg" width = "17" height = "1" border = "0">
        </div>
 
        <div id = "indexr18c1"
                style = "position:absolute; left:0px; top:381px;width:9px; height:19px;z-index:60; visibility:visible;">
            <img name = "index_r18_c1" src = "images/index_r18_c1.jpg" width = "9" height = "19" border = "0">
        </div>
 
        <div id = "indexr18c2"
                style = "position:absolute; left:9px; top:381px;width:10px; height:19px;z-index:61; visibility:visible;">
            <img name = "index_r18_c2" src = "images/index_r18_c2.jpg" width = "10" height = "19" border = "0">
        </div>
 
        <div id = "indexr18c5"
                style = "position:absolute; left:19px; top:381px;width:1px; height:19px;z-index:62; visibility:visible;">
            <img name = "index_r18_c5" src = "images/index_r18_c5.jpg" width = "1" height = "19" border = "0">
        </div>
 
        <div id = "indexr18c6"
                style = "position:absolute; left:20px; top:381px;width:543px; height:19px;z-index:63; visibility:visible;">
            <img name = "index_r18_c6" src = "images/index_r18_c6.jpg" width = "543" height = "19" border = "0">
        </div>
 
        <div id = "indexr18c37"
                style = "position:absolute; left:563px; top:381px;width:17px; height:19px;z-index:64; visibility:visible;">
            <img name = "index_r18_c37" src = "images/index_r18_c37.jpg" width = "17" height = "19" border = "0">
        </div>
 
        <div id = "indexr19c41"
                style = "position:absolute; left:598px; top:383px;width:164px; height:44px;z-index:65; visibility:visible;">
            <img name = "index_r19_c41" src = "images/index_r19_c41.jpg" width = "164" height = "44" border = "0">
        </div>
 
        <div id = "indexr20c1"
                style = "position:absolute; left:0px; top:400px;width:9px; height:28px;z-index:66; visibility:visible;">
            <img name = "index_r20_c1" src = "images/index_r20_c1.jpg" width = "9" height = "28" border = "0">
        </div>
 
        <div id = "indexr20c2"
                style = "position:absolute; left:9px; top:400px;width:28px; height:28px;z-index:67; visibility:visible;">
            <img name = "index_r20_c2" src = "images/index_r20_c2.jpg" width = "28" height = "28" border = "0">
        </div>
 
        <div id = "indexr20c7"
                style = "position:absolute; left:37px; top:400px;width:163px; height:28px;z-index:68; visibility:visible;">
            <img name = "index_r20_c7" src = "images/index_r20_c7.jpg" width = "163" height = "28" border = "0">
        </div>
 
        <div id = "indexr20c16"
                style = "position:absolute; left:200px; top:400px;width:4px; height:28px;z-index:69; visibility:visible;">
            <img name = "index_r20_c16" src = "images/index_r20_c16.jpg" width = "4" height = "28" border = "0">
        </div>
 
        <div id = "indexr20c17"
                style = "position:absolute; left:204px; top:400px;width:336px; height:37px;z-index:70; visibility:visible;">
            <img name = "index_r20_c17" src = "images/index_r20_c17.jpg" width = "336" height = "37" border = "0">
        </div>
 
        <div id = "indexr20c35"
                style = "position:absolute; left:540px; top:400px;width:32px; height:28px;z-index:71; visibility:visible;">
            <img name = "index_r20_c35" src = "images/index_r20_c35.jpg" width = "32" height = "28" border = "0">
        </div>
 
        <div id = "indexr20c38"
                style = "position:absolute; left:572px; top:400px;width:8px; height:28px;z-index:72; visibility:visible;">
            <img name = "index_r20_c38" src = "images/index_r20_c38.jpg" width = "8" height = "28" border = "0">
        </div>
 
        <div id = "indexr21c41"
                style = "position:absolute; left:598px; top:427px;width:1px; height:173px;z-index:73; visibility:visible;">
            <img name = "index_r21_c41" src = "images/index_r21_c41.jpg" width = "1" height = "173" border = "0">
        </div>
 
        <div id = "indexr21c42"
                style = "position:absolute; left:600px; top:428px;width:160px; height:122px;z-index:74; visibility:visible;">
          <div class="edsdiv"><?php echo $row->sidebox2_html ?></div>
      </div>
 
        <div id = "indexr22c1"
                style = "position:absolute; left:0px; top:422px;width:204px; height:9px;z-index:75; visibility:visible;">
            <img name = "index_r22_c1" src = "images/index_r22_c1.jpg" width = "204" height = "9" border = "0">
        </div>
 
        <div id = "indexr22c35"
                style = "position:absolute; left:540px; top:422px;width:23px; height:9px;z-index:76; visibility:visible;">
            <img name = "index_r22_c35" src = "images/index_r22_c35.jpg" width = "23" height = "9" border = "0">
        </div>
 
        <div id = "indexr22c37"
                style = "position:absolute; left:563px; top:422px;width:17px; height:9px;z-index:77; visibility:visible;">
            <img name = "index_r22_c37" src = "images/index_r22_c37.jpg" width = "17" height = "9" border = "0">
        </div>
 
        <div id = "indexr23c1"
                style = "position:absolute; left:0px; top:437px;width:17px; height:163px;z-index:78; visibility:visible;">
            <img name = "index_r23_c1" src = "images/index_r23_c1.jpg" width = "17" height = "163" border = "0">
        </div>
 
        <div id = "indexr23c3"
                style = "position:absolute; left:23px; top:444px; width:256px; height:97px; z-index:79; visibility:visible; padding-left: 1px; padding-top: 1px;">
		
		<span class="edsdiv"><?php echo $row->bottom_html; ?></span></div>
 
        <div id = "indexr23c22"
                style = "position:absolute; left:283px; top:437px;width:17px; height:163px;z-index:80; visibility:visible;">
            <img name = "index_r23_c22" src = "images/index_r23_c22.jpg" width = "17" height = "163" border = "0">
        </div>
 
        <div id = "indexr23c24"
                style = "position:absolute; left:300px; top:437px;width:262px; height:104px;z-index:81; visibility:visible;"><span class="edsdiv"><?php echo $row->bottom_right_html; ?></span></div>
 
        <div id = "indexr23c36"
                style = "position:absolute; left:562px; top:437px;width:18px; height:163px;z-index:82; visibility:visible;">
            <img name = "index_r23_c36" src = "images/index_r23_c36.jpg" width = "18" height = "163" border = "0">
        </div>
 
        <div id = "indexr24c3"
                style = "position:absolute; left:17px; top:541px;width:266px; height:59px;z-index:83; visibility:visible;">
            <img name = "index_r24_c3" src = "images/index_r24_c3.jpg" width = "266" height = "59" border = "0">
        </div>
 
        <div id = "indexr24c24"
                style = "position:absolute; left:300px; top:541px;width:262px; height:59px;z-index:84; visibility:visible;">
            <img name = "index_r24_c24" src = "images/index_r24_c24.jpg" width = "262" height = "59" border = "0">
        </div>
 
        <div id = "indexr25c42"
                style = "position:absolute; left:599px; top:550px;width:163px; height:50px;z-index:85; visibility:visible;">
            <img name = "index_r25_c42" src = "images/index_r25_c42.jpg" width = "163" height = "50" border = "0">
        </div>	
		
      <div id="Layer1">Search: 
          <label>
          <input id="keyword" type="text" name="keyword">
  </label>
          <span id="gobutton"><img onClick="validateSearch()" src="images/btngo.jpg" alt="Search" width="32" height="20"></span>		</div>
		  
	</form>
    <div id="layer"></div>
    </body>
</html>

Open in new window

LVL 1
edvinsonAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

hieloCommented:
You need to look at the HTML source for the pages that are "not changing" and see which stylesheets they are getting.

On the code you posted, lines 79-86: when the page specified is 'smartouch' then
the browser will receive the "smarttouch.css" stylesheet. Any other page or if no page is specified then the browser will get "index.css" instead.

On lines 134-237 you have css definitions that affect only the page you posted. If you look further up on lines 40-50, you are using the header() function to send users to other pages. So any changes that you make on lines 134-237 will not be visible on those pages because the style definitions on lines 134-237 affect only the posted page above.

So, if you wanted to change the css for catalog.php, you would need to look at the css stylesheet that is imported by catalog.php

I hope this clears things.
0
edvinsonAuthor Commented:
thank you..the pages that are not changing, are "bath and shower", "architectural" "glass systems"

these links don't have a separate physical page for me to analyze the html.

When I adjust the CSS for the index page, it didn't seem to affect the text on those other pages. I even took a div from the index page and moved it way off to the side. Home page was affected but I couldn't quite see where to grab the div for those other, "sub" type pages that had no separate "physical" page filename.

I hope I explained that right.   Smarttouch is also a sub page but uses a separate style sheet for some reason.

You can maybe see a little of what I'm talking about at www.customhd.com/indextesterold.php 

Thanks again for your advice!
0
hieloCommented:
The link you provided does not work. It would help to see the page and what style definitions the browser is receiving.
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

edvinsonAuthor Commented:
yikes.... sorry bad syntax

www.customhdw.com/indextesterold.php 

0
hieloCommented:
OK. All of the are loading the same stylesheet (css/index.css) and they are all based on the same template. Mostlikely you are dealing with a cascading problem. To clarify, if you were to
modify index.css so that all links had beige background:
a{background-color:beige;}

and then within the <style> tag you were to write:
a{background-color:white;}

then the links would not be beige. They would be white since the <style> appears later and it overrides the definition set in index.css.

Furthermore if on your HTML you then had:
<a style="background-color:lightblue;">Test Link</a>
then this latter definition overrides the previous one, so the link's bckground would be lightblue, NOT white.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
edvinsonAuthor Commented:
Thank you!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.