[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 227
  • Last Modified:

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

0
edvinson
Asked:
edvinson
  • 3
  • 3
1 Solution
 
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
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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
 
edvinsonAuthor Commented:
Thank you!
0

Featured Post

Learn to develop an Android App

Want to increase your earning potential in 2018? Pad your resume with app building experience. Learn how with this hands-on course.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now