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!
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 & 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>
ASKER
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!
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!
The link you provided does not work. It would help to see the page and what style definitions the browser is receiving.
ASKER
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you!
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.