btintermedia
asked on
Site CSS/HTML issue: Graceforcleveland.org problem #1
This is question 1 of 4.
I need help with dealing with the issue as shown in the attached graphic.
This website renders just fine in Safari, but looks terrible in I.E.
I have attached the template source file that drives this website,
Please reference (if possible) the code from it. If the flawed code is pulling from elsewhere, please reference it from a 'show code' basis from your side, with easy instructions as to find it.
I need help with dealing with the issue as shown in the attached graphic.
This website renders just fine in Safari, but looks terrible in I.E.
I have attached the template source file that drives this website,
Please reference (if possible) the code from it. If the flawed code is pulling from elsewhere, please reference it from a 'show code' basis from your side, with easy instructions as to find it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: none;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*color: #000000;*/
/*background image code added */
background-image:url(http://www.kingdomathand.com/designs/design_one_a/images/backgroundv1.jpg);
}
.twoColLiqLtHdr #container {
width: 80%;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
margin-top: 80px;
border: 0px solid #000000;
text-align: center; /* this overrides the text-align: center on the body element. */
background-color: #FFFFFF;
min-width: 1100px;
}
.twoColLiqLtHdr #header {
background-color: transparent;
padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColLiqLtHdr #header h1 {
margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.twoColLiqLtHdr #sidebar1 {
float: left;
width: 250px; /* since this element is floated, a width must be given */
background: #EBEBEB; /* top and bottom padding create visual space within this div */
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}
/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.flash_assets #nothing_here {
background-image: url(http://www.kingdomathand.com/designs/design_one_a/images/flash_header_bgnd.jpg);
background-repeat: repeat-x;
}
.twoColLiqLtHdr #mainContent {
margin-top: 0;
margin-right: 30px;
margin-bottom: 0;
margin-left: 25%;
text-align: left;
}
.twoColLiqLtHdr #footer {
padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background-color: transparent;
margin-bottom: 50px;
}
.twoColLiqLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.twoColLiqLtHdr #container #nothing_here {
background-image: url(http://www.kingdomathand.com/designs/design_one_a/images/flash_header_bgnd_v2.jpg);
background-repeat: repeat-x;
}
-->
</style><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--></head>
<body class="twoColLiqLtHdr">
<!--- move all script references to here --->
<!--
Milonic DHTML Website Navigation Menu Version 5.0+
Copyright 2007 (c) Milonic Solutions Limited (UK). All Rights Reserved.
Please visit http://www.milonic.com/ for more information.
Although this software may have been freely downloaded, you must obtain a license before using it in any production environment.
The free use of this menu is only available for Non-Profit, Educational & Personal Web Sites who have obtained a license to use.
Free, Commercial and Corporate Licenses are available from our website.
You also need to include a link back to http://www.milonic.com/ if you use the free license.
All Copyright notices MUST remain in place at ALL times.
This includes the first three lines of this notice on every page that uses the menu.
If you cannot comply with all of the above requirements, please contact us to arrange a license waiver.
-->
<!--- begin test code1 menue testing --->
<!-- ***** This is the section of code you need to paste into your web pages ***** -->
<!-- ***** This is the section of code you need to paste into your web pages ***** -->
<!---<script type="text/javascript" src="http://www.kingdomathand.com/designs/design_one_a/components/menu_sample1_ver5_831/milonic_src.js"></script>--->
<!---<script type="text/javascript" src="http://www.kingdomathand.com/designs/design_one_a/components/menu_sample1_ver5_831/mmenudom.js"></script>--->
<script type="text/javascript" src="http://www.kingdomathand.com/designs/design_one_a/components/menu_sample1_ver5_901/milonic_src.js"></script>
<script type="text/javascript" src="http://www.kingdomathand.com/designs/design_one_a/components/menu_sample1_ver5_901/mmenudom.js"></script>
<noscript><a href=http://www.milonic.com/>Milonic JavaScript Menu is only visible when JavaScript is enabled</a></noscript>
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="http://www.kingdomathand.com/designs/design_one_a/components/menu_sample1_ver5_831/mod_menu_data.cfm"></script>
<!-- **** JavaScript Menu HTML Code -->
<!--- end test code1 menue testing --->
<!--- end all new menue testing --->
<div id="container">
<!--- <div id="header">
<h1> </h1>
<!-- end #header --></div> --->
<div id="sidebar1">
<div class="None" id="none">
<!--- BEGIN SIDE CODE --->
<cfinclude template="../../../modules/FlashBanner2.cfm">
<!--- we do not put the flash banner in with the content_container because the flash movie is part of the interface/design --->
</div>
<div class="none" id="nothing"></div>
<!--- we do not put the flash banner in with the content_container because the flash movie is part of the interface/design --->
<cfinclude template="../../../content/application_architecture/content_containers/#side_layout_model#">
<!-- end #sidebar1 --></div>
<div class="flash_assets" id="nothing_here">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="509" height="160">
<param name=movie value="top.swf">
<param name=quality value=high>
<embed src="top.swf" width="509" height="160" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object></div>
<div id="mainContent">
<DIV align="CENTER" >
<P align="CENTER">
<noscript>
<A href="home.cfm"><SPAN class="text_small">home</SPAN></A><SPAN class="text_small">
| <A href="aboutus.cfm">about us</A> | <A href="ministries.cfm">ministries</A>
| <A href="forum.cfm">forum</A> | <A href="articles.cfm">articles</A>
| <A href="sermons.cfm">sermons</A> | <A href="contacts.cfm">staff</A>
| <A href="services.cfm">service times and directions</A>
| <a href="comments.cfm">contact us</a><br>
<br>
<cfset fornav = "top">
<cfinclude template="../../../modules/pagelinks.cfm"></SPAN> </P>
</noscript>
<!--- ****** LAYOUT COMPONENT - LINK GENERATION ******* --->
<!--- this is where the code/include/module reference goes that controls the links
it uses the Milonic system --->
<!--- begin top link code refernce --->
<!-------------------------------------------------->
<!--- queries for pages --->
<!--- CFQUERY PARAM SET ALL DB PASSED VARIABLES! --->
<!-------------------------------------------------->
<!--------------------------------------------->
<!---------- begin top link queries ------->
<!--------------------------------------------->
<!--- DEV NOTES: THIS WILL NEED TO BE CHECKED AGAINST AUTH LEVEL/SECURITY GROUPS EVENTUALLY --->
<!--- Exludes "Home" because it is hardcoded to be first on the menu --->
<!--- hardcoded --->
<cfquery datasource="DSN_Vineyard" name="get_hardcoded_top">
select *
from page_entities
where church_id = <cfqueryparam cfsqltype="cf_sql_integer" value="#church_id#">
and show_in_top_links = 'yes'
<!--- this is the determinate variable for hardcoded pages --->
and hardcoded_or_dynamic = 'H'
and template_or_working = 'W'
and not page_name = 'home'
</cfquery>
<!--- dynamic --->
<cfquery datasource="DSN_Vineyard" name="get_dynamic_top">
select *
from page_entities
where church_id = <cfqueryparam cfsqltype="cf_sql_integer" value="#church_id#">
and show_in_top_links = 'yes'
<!--- this is the determinate variable for dynamic pages --->
and hardcoded_or_dynamic = 'D'
and template_or_working = 'W'
and not page_name = 'home'
</cfquery>
<!--------------------------------------------->
<!---------- begin bottom link queries ------->
<!--------------------------------------------->
<!--- hardcoded --->
<cfquery datasource="DSN_Vineyard" name="get_hardcoded_bottom">
select *
from page_entities
where church_id = <cfqueryparam cfsqltype="cf_sql_integer" value="#church_id#">
and show_in_bottom_links = 'yes'
<!--- this is the determinate variable for hardcoded pages --->
and hardcoded_or_dynamic = 'H'
and template_or_working = 'W'
and not page_name = 'home'
</cfquery>
<!--- dynamic --->
<cfquery datasource="DSN_Vineyard" name="get_dynamic_bottom">
select *
from page_entities
where church_id = <cfqueryparam cfsqltype="cf_sql_integer" value="#church_id#">
and show_in_bottom_links = 'yes'
<!--- this is the determinate variable for dynamic pages --->
and hardcoded_or_dynamic = 'D'
and template_or_working = 'W'
and not page_name = 'home'
</cfquery>
<!--- ministries SQL --->
<!--- DEV NOTES: THIS WILL NEED TO BE CHECKED AGAINST AUTH LEVEL/SECURITY GROUPS EVENTUALLY --->
<cfquery datasource="DSN_Vineyard" name="get_ministries">
SELECT * from ministries where church_id = <cfqueryparam cfsqltype="cf_sql_bigint" value="#church_id#">
</cfquery>
<!--------------------------------------------->
<!---------- end bottom link queries --------->
<!--------------------------------------------->
<!--------------------------------------------->
<!---------- begin submenu queries ----------->
<!--------------------------------------------->
<!--- ministries --->
<cfquery datasource="DSN_Vineyard" name="get_ministries_sublinks">
SELECT * from ministries where church_id = <cfqueryparam cfsqltype="cf_sql_bigint" value="#church_id#">
</cfquery>
<!--- gallaries --->
<cfquery datasource="DSN_Vineyard" name="get_galleries_sublinks">
SELECT * from galleries where church_id = <cfqueryparam cfsqltype="cf_sql_bigint" value="#church_id#"> and show_in_nav = 'true'
</cfquery>
<!--- dynamic --->
<!--------------------------------------------->
<!---------- end submenu queries ----------->
<!--------------------------------------------->
<!--- we should be done getting sql stuff --->
<script>
<!--- this is where the script comment begins!! --->
<!--- here we declare the submenues --->
<!--- submenues begin --->
<!--- example code/instructions
with(milonic=new menuname("Anti Spam")){
style=menuStyle;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}
In order to open the new menu, you'll need to add a menu item with a showmenu declaration pointing to the name of your new menu.
The menu example above is opened from the anti spam menu item in the Links menu:
aI("text=Anti Spam Tools;showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;");
---end example code instructions --->
<!---begin sub menue link code --->
<!--- ministries --->
<!--- "BTW" --->
<!--- this is the current format for ministry links --->
<!--- http://www.graceforcleveland.org/Ministry.cfm?ministry_id=142&church_id=10 --->
<!--- BEGIN "get_ministries_sublinks" pages --->
<!--- (this is the K@H ministry link format --->
<!--- http://www.graceforcleveland.org/Ministry.cfm?ministry_id=142&church_id=10 --->
<!--- this is the script link format --->
<!--- aI("text=Spam Cop;url=http://www.spamcop.net/;"); --->
<!--- collums that are respectively used from this output
Ministry_Desc
page_identity_id
Church_ID
--->
with(milonic=new menuname("ministries")){
style=menuStyle;
<CFOUTPUT QUERY="get_ministries_sublinks">
aI("text=#Ministry_Desc#;url=/Ministry.cfm?ministry_id=#ministry_id#&page_id=#page_identity_id#&church_id=#Church_ID#;");
</cfoutput>
<!--- aI("text=Mime Defang;url=http://www.mimedefang.org/;");--->
<!--- aI("text=Spam Assassin;url=http://www.spamassassin.org/;");--->
}
<!--- END "get_ministries_sublinks" --->
with(milonic=new menuname("galleries")){
style=menuStyle;
<CFOUTPUT QUERY="get_galleries_sublinks">
aI("text=#gallery_nav_title#;url=/gallery.cfm?gallery_id=#gallery_id#&church_id=#Church_ID#;");
</cfoutput>
}
<!--- Galleries --->
<!--- dynamic pages --->
<!--- working non-db integrated examples --->
<!--- (currently disabled, these were used as working examples to make sure the the submenues were working and formatting correctly
<script>
with(milonic=new menuname("dynamic_test_aggregate1")){
style=menuStyle;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}
with(milonic=new menuname("ministries")){
style=menuStyle;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}
--->
<!---end test sub menue link code --->
<!--- submenues end --->
<!--- now we actually state the menue (this is the first) --->
<!--- these are the definitions/controls for the menu --->
with(milonic=new menuname("Main Menu Top")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
divides=3;
position="relative";
horizontalMenuDelay=true;
<!--- definitions end--->
<!--- home page is manually defined, because it goes first, it is excluded by the "and not page_name = 'home'" sql snippet in the "get_hardcoded" query --->
aI("text=Home;url=/index.cfm;status=Back To Home Page;target=_blank");
<!--- BEGIN "get_ministries" pages --->
<CFOUTPUT QUERY="get_ministries">
aI("text=#ministry_desc#;url=Ministry.cfm?ministry_id=#ministry_id#&church_id=#church_id#;status=go to #ministry_desc#;");
</cfoutput>
<!--- END "get_ministries" pages --->
<!--- BEGIN "get_hardcoded" pages --->
<CFOUTPUT QUERY="get_hardcoded_top">
<!--- lets do some preliminary stuff --->
<!--- get the "_" out of the page name, cuz there should be no spaces in the name of the page in the db --->
<cfparam name="dp_hc" default="">
<cfset dp_hc = page_name>
<cfset dp_hc = Replace(dp_hc,"_"," ","ALL")>
<cfif show_as_link_agg eq 'true'>
<!--- example aI("text=Menu Samples;showmenu=Samples;url=http://www.graceforcleveland.com/;status=Back To Home Page;"); --->
aI("text=#dp_hc#;showmenu=#page_name#;url=#page_http#;status=go to #dp_hc#;");
<cfelse>
aI("text=#dp_hc#;url=#page_http#;status=go to #dp_hc#;");
</cfif>
</cfoutput>
<!--- END "get_hardcoded" pages --->
<!--- BEGIN Dynamic Pages --->
<CFOUTPUT QUERY="get_dynamic_top">
<!--- lets do some preliminary stuff --->
<!--- get the "_" out of the page name, cuz there should be no spaces in the name of the page in the db --->
<cfparam name="dp_dy" default="">
<cfset dp_dy = page_name>
<cfset dp_dy = Replace(dp_dy,"_"," ","ALL")>
<cfif show_as_link_agg eq 'true' and link_aggregate_noshow eq 'true'>
<!--- it is an aggregate ---> <!--- but it doesn't have a page of it's own --->
aI("text=#page_name#;showmenu=#page_name#;status=go to #page_desc#;");
<!--- this is where the problem ist --->
<cfelseif show_as_link_agg eq 'true' and link_aggregate_noshow neq 'true'>
<!--- it is an aggregate, and it does have a page of it's own --->
aI("text=#dp_dy#;showmenu=#page_name#;url=/dy_page.cfm?page_identifier=#id#;status=go to #page_desc#;");
<cfelse>
aI("text=#dp_dy#;url=/dy_page.cfm?page_identifier=#id#;status=go to #page_desc#;");
<!--- it is not an aggregate --->
</cfif>
</cfoutput>
<!--- END dynamic Pages --->
<!---aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;"); --->
}
drawMenus();
</script>
<!--- end top link code reference --->
</DIV>
<p>
<!--- this code no longer belongs here, but has been moved under application architecture, it has been kept here for reference purposes only.
<cfparam name="page_personality_module" default="">
<cfinclude template="../../../modules/#page_personality_module#"> --->
<!---
<CFOUTPUT>
BEGIN DEBUG: ministry_id = "#ministry_id#"<br />
center_layout_model = "#center_layout_model#"<br />
END DEBUG<br />
</CFOUTPUT>
--->
<cfinclude template="../../../content/application_architecture/content_containers/#center_layout_model#">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!--- debuging code for page_personality_module
<cfoutput> page_personality_module is #page_personality_module# and pagename is #pagename#</cfoutput> --->
<p> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> <td bgcolor="#FFFFFF" height="0"> <IMG src="images/tanspacer.gif" width="759" height="1"><cfoutput><table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr> <td valign="TOP"> <div align="center" class="text_small">
<img src="title.gif" width="257" border="0" vspace="0" hspace="5" height="30"><br>
<cfoutput>#church_name#</cfoutput> - <cfoutput>#cust_street# - #cust_suburb#, #cust_state# #cust_zip#</cfoutput>
- <cfoutput>#cust_phone1_desc# (#cust_phone1_area#) #cust_phone1_number#</cfoutput> - <cfoutput> Fax (#cust_fax_area#) #cust_fax_number#</cfoutput>
<br>
<a href="http://#cust_website#">#cust_website#</a> - #cust_email1_desc# <a href="mailto:#cust_email1_account#">#cust_email1_account#</a> <br>
<!--- we need this br so that the additional contact info is on another line --->
<!--- begin contact verbosity limiter and formatting --->
<cfif contact_verbosity_limit eq "no" and contact_display_presentation eq "sidebyside">
<!---begin sidebyside presentation code --->
<table width="90%" border="0" cellpadding="3">
<tr>
<td><div align="#contact_display_alignment#">
<!--- begin phones --->
#cust_phone2_desc# (#cust_phone2_area#) #cust_phone2_number##contact_display_style#
#cust_phone3_desc# (#cust_phone3_area#) #cust_phone3_number##contact_display_style#
#cust_phone4_desc# (#cust_phone4_area#) #cust_phone4_number##contact_display_style#
#cust_phone5_desc# (#cust_phone5_area#) #cust_phone5_number##contact_display_style#
<!--- end phones --->
</div></td>
<td><div align="#contact_display_alignment#">
<!--- begin emails --->
#cust_email2_desc# <a href="mailto:#cust_email2_account#">#cust_email2_account#</a>#contact_display_style#
#cust_email3_desc# <a href="mailto:#cust_email3_account#">#cust_email3_account#</a>#contact_display_style#
#cust_email4_desc# <a href="mailto:#cust_email4_account#">#cust_email4_account#</a>#contact_display_style#
#cust_email5_desc# <a href="mailto:#cust_email5_account#">#cust_email5_account#</a>#contact_display_style#
<!--- end emails ---></div></td>
</tr>
</table>
<!---end sidebyside presentation code --->
<cfelseif contact_verbosity_limit eq "no" and contact_display_presentation eq "top2bottom">
<!---begin top2bottom presentation code --->
#cust_phone2_desc# (#cust_phone2_area#) #cust_phone2_number##contact_display_style#
#cust_phone3_desc# (#cust_phone3_area#) #cust_phone3_number##contact_display_style#
#cust_phone4_desc# (#cust_phone4_area#) #cust_phone4_number##contact_display_style#
#cust_phone5_desc# (#cust_phone5_area#) #cust_phone5_number##contact_display_style#
<br>
#cust_email2_desc# <a href="mailto:#cust_email2_account#">#cust_email2_account#</a>#contact_display_style#
#cust_email3_desc# <a href="mailto:#cust_email3_account#">#cust_email3_account#</a>#contact_display_style#
#cust_email4_desc# <a href="mailto:#cust_email4_account#">#cust_email4_account#</a>#contact_display_style#
#cust_email5_desc# <a href="mailto:#cust_email5_account#">#cust_email5_account#</a>#contact_display_style#
<!---end top2bottom presentation code --->
<cfelse>
<!--- nothing happens --->
<!--- otherwise the verbosity limiter is in affect. If you are chosing one of the option above and it is still comming here, then you need to check your contact_display_presentation variable, as it will also default here if it does not match anything that we are looking for. Uncomment out the code just below this to see the actual varibles that are being passed.
<cfoutput>#contact_verbosity_limit#, #contact_display_presentation#</cfoutput> --->
</cfif>
<!--- end contact verbosity limiter and formatting --->
</td></tr> </table></cfoutput></td></tr>
<tr> <td bgcolor="#909381" height="1"><img src="images/spacer.gif" width="58" height="4"></td></tr>
<tr> <td>
<!--- begin bottom link propogation --->
<table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr>
<td>
<div align="center">
<script>
with(milonic=new menuname("Main Menu bottom")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
divides=3;
position="relative";
horizontalMenuDelay=true;
<!--- home page is manually defined, because it goes first, it is excluded by the "and not page_name = 'home'" sql snippet in the "get_hardcoded" query --->
aI("text=Home;url=/index.cfm;status=Back To Home Page;target=_blank");
<!--- BEGIN "get_hardcoded" pages --->
<CFOUTPUT QUERY="get_hardcoded_bottom">
<!--- lets do some preliminary stuff --->
<!--- get the "_" out of the page name, cuz there should be no spaces in the name of the page in the db --->
<cfparam name="dp_hc" default="">
<cfset dp_hc = page_name>
<cfset dp_hc = Replace(dp_hc,"_"," ","ALL")>
<cfif show_as_link_agg eq 'true'>
<!--- example aI("text=Menu Samples;showmenu=Samples;url=http://www.graceforcleveland.com/;status=Back To Home Page;"); --->
aI("text=#dp_hc#;showmenu=#page_name#;url=/#page_http#;status=go to #dp_hc#;");
<cfelse>
aI("text=#dp_hc#;url=/#page_http#;status=go to #dp_hc#;");
</cfif>
</cfoutput>
<!--- END "get_hardcoded" pages --->
<!--- BEGIN Dynamic Pages --->
<CFOUTPUT QUERY="get_dynamic_bottom">
<!--- lets do some preliminary stuff --->
<!--- get the "_" out of the page name, cuz there should be no spaces in the name of the page in the db --->
<cfparam name="dp_dy" default="">
<cfset dp_dy = page_name>
<cfset dp_dy = Replace(dp_dy,"_"," ","ALL")>
<cfif show_as_link_agg eq 'true'>
<!--- it is an aggregate --->
<cfif link_aggregate_noshow eq 'true'>
<!--- but it doesn't have a page of it's own --->
aI("text=#dp_dy#;showmenu=#page_name#;status=go to #page_desc#;");
<cfelse>
<!--- it is an aggregate, and it does have a page of it's own --->
aI("text=#dp_dy#;showmenu=#page_name#;url=/dy_page.cfm?page_identifier=#id#;status=go to #page_desc#;");
</cfif>
<cfelse>
aI("text=#dp_dy#;url=/dy_page.cfm?page_identifier=#id#;status=go to #page_desc#;");
<!--- it is not an aggregate --->
</cfif>
</cfoutput>
<CFOUTPUT QUERY="get_ministries">
aI("text=#ministry_desc#;url=Ministry.cfm?ministry_id=#ministry_id#&church_id=#church_id#;status=go to #ministry_desc#;");
</cfoutput>
<!--- END dynamic Pages --->
<!---aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;"); --->
}
drawMenus();
</script>
<!---
<!--- these are the old link system --->
<a href="home.cfm"><span class="text_small">home</span></a>
<span class="text_small"> - <a href="aboutus.cfm">about
us</a> - <a href="pastorsdesk.cfm">pastor's desk</a>
- <a href="ministries.cfm">ministries</a> - <a href="forum.cfm">forum</a>
- <a href="calendar.cfm">calendar</a> - <a href="services.cfm">service
times and direction</a> - <a href="articles.cfm">articles</a>
- <a href="sermons.cfm">sermon notes</a> - <a href="contacts.cfm">staff</a>
- <a href="gallery.cfm">photo gallery</a> - <a href="links.cfm">relevant
links</a> <br>
<cfset fornav = "bottom">
<cfinclude template="../../../modules/pagelinks.cfm">
<a href="register.cfm">register
</a> - <a href="enroll.cfm">get involved</a> - <a href="comments.cfm">contact
us</a> - <a href="sec/Menu.cfm">admin menu</a> - <a href="sec/logout.cfm">admin
logout</a> <br>
<!-- GET LINKS FOR THE MINISTRIES -->
<cfinclude template="../../../modules/textlinks.cfm"></span>
--->
<br>
<DIV align="center">
<cfinclude template="../../../modules/M_Services_bottom.cfm"></DIV>
<I>Built and Maintained by Bezalel Technologies Intermedia, www.btintermedia.com<br>
Powered and Enabled by The Kingdom at Hand Project, www.kingdomathand.com<br>
Isn't it time professionals took care of you too? solutions@bezaleltech.com</I>
</div>
<DIV align="center"><DIV align="center"></DIV>
</DIV>
</td></tr> </table>
<!--- end bottom link propogation --->
</td>
</tr> <tr>
<td bgcolor="#D2D1A3"> </td>
</tr> </table>
</div> <!-- ending tag entered to close table & solve mainContent bottom border issue. -->
<!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<p> </p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Francis Omoruto
In the next line, change to margin-right: auto.
ASKER
thanks!