...

View Full Version : CSS Affecting Unwanted Items



Vic Skim
01-15-2008, 12:49 AM
I've got my CSS up and running pretty good, but I can't figure out why its affecting the horizontal bar divider i have. When you adjust the size of the font using the CSS on the live page, the bar moves up and down with the text, which it shouldn't be doing. I've tried rearranging the code but I apparently am not doing that right b/c it screws the whole thing up. I've uploaded a sample page to http://www.classicmonkeyshine.net/mission.html so you can see what I mean. Below is HTML, you can see the CSS by going here -- http://leadctr.com/templates/js_element_green/css/template_css.css Any help would be greatly appreciated. Thanks.

HTML


<!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=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>Lead Center -- Mission Statement</title>
<meta name="description" content=>
<meta name="keywords" content=/>
<meta name="Generator" content=/>
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="http://leadctr.com/images/favicon.ico" />

<link rel="stylesheet" href="http://leadctr.com/templates/js_element_green/css/template_css.css" media="screen" type="text/css" />
<link rel="alternate stylesheet" href="http://leadctr.com/templates/js_element_green/css/800.css" type="text/css" title="fluid" />
<script type="text/javascript" src="http://leadctr.com/templates/js_element_green/js/prototype.lite.js"></script>

<script type="text/javascript" src="http://leadctr.com/templates/js_element_green/js/moo.fx.js"></script>
<script type="text/javascript" src="http://leadctr.com/templates/js_element_green/js/litebox-1.0.js"></script>

<script language="javascript" type="text/javascript" src="http://leadctr.com/templates/js_element_green/js/styleswitcher.js"></script>

</head>
<body onload="initLightbox();" id="pagebg">
<script type="text/javascript">js_init();</script>
<div id="twrap">
<table width="100&#37;" border="0" cellspacing="0" cellpadding="0" id="maintable">
<tr>

<td rowspan="4" valign="top" id="leftshadow"><img src="templates/js_element_green/images/tl.png" width="5" height="145" /></td>
<td colspan="1" valign="top" id="headerblock">
<div id="headercontainer">
<div id="header">
<div id="logo"><h1><a href="index.html" title="leadctr.com">leadctr.com</a></h1>
</div>
<div id="accessbuttons">
<div class="access"><a href="index.php" title="Increase Text Size" onclick="changeFontSize(1);return false;"><img src="http://leadctr.com/templates/js_element_green/images/larger.png" alt="larger" width="20" height="20" border="0" /></a><a href="index.php" title="Decrease Text Size" onclick="changeFontSize(-1);return false;"><img src="http://leadctr.com/templates/js_element_green/images/smaller.png" alt="smaller" width="17" height="17" border="0" /></a><a href="index.php" title="Revert text styles to default" onclick="revertStyles(); return false;"><img src="http://leadctr.com/templates/js_element_green/images/reset.png" alt="reset" width="17" height="17" border="0" /></a>
<a href="index.php?option=com_rss&feed=RSS2.0&no_html=1" title="RSS Syndicate" id="rss"><img src="http://leadctr.com/templates/js_element_green/images/rssicon.png" alt="larger" width="20" height="20" border="0" /></a>

<ul id="theme">
<li id="theme-fixed"><a href="#" onclick="setActiveStyleSheet('', 1);return false;" title="Switch to fixed-width version"><img src="http://leadctr.com/templates/js_element_green/images/fixed.png" width="20" height="20" alt="fixed-width" /></a></li>
<li id="theme-fluid"><a href="#" onclick="setActiveStyleSheet('fluid', 1);return false;" title="Switch to fluid-width version"><img src="http://leadctr.com/templates/js_element_green/images/fluid.png" width="20" height="20" alt="fluid-width" /></a></li></ul>

</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div id="navcontainer">
<div id="navbar">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
navHover = function() {
var lis = document.getElementById("navbar").getElementsByTagName("LI");
for (var i=0; i<lis.length; i++) {
lis.onmouseover=function() {
this.className+=" sfhover";
}
lis.onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", navHover);
//--><!]]>
</script>
</div>
</div>
</div>
</div></td>
<td rowspan="4" valign="top" id="rightshadow"><img src="templates/js_element_green/images/tr.png" width="5" height="145" /></td>

<tr>

<td id="main"><br />
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" id="leftcol">
<div class="inside">
<div class="moduletable">
<h3>
Main Menu </h3>


<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="index.html" class="mainlevel" >Home</a></td></tr>
<tr align="left"><td><a href="About Us.html" class="mainlevel" >About Us</a></td></tr>
<tr align="left"><td><a href="mission.html" class="mainlevel" id="active_menu">Mission Statement</a></td></tr>
<tr align="left"><td><a href="Services.html" class="mainlevel" >Services</a></td></tr>
<tr align="left"><td><a href="Why We Do.html" class="mainlevel" >Why We Do What We Do</a></td></tr>
<tr align="left"><td><a href="How We Do.html" class="mainlevel" >How We Do What We Do</a></td></tr>
<tr align="left"><td><a href="location.html" class="mainlevel" >Where We Are Located</a></td></tr>
<tr align="left"><td><a href="curriculum.html" class="mainlevel" >Curriculum and Grades</a></td></tr>
<tr align="left"><td><a href="future.html" class="mainlevel" >The Future of TLC</a></td></tr>
<tr align="left"><td><a href="news.html" class="mainlevel" >News</a></td></tr>
<tr align="left"><td><a href="resources.html" class="mainlevel" >Resources</a></td></tr>
<tr align="left"><td><a href="contact.html" class="mainlevel" >Contact Us</a></td></tr>
<tr align="left"><td><a href="search.html" class="mainlevel" >Search</a></td></tr>
<tr align="left"><td><a href="downloads.html" class="mainlevel" >Downloads</a></td></tr>
</table> </div>
<div class="moduletable">
<h3>
perForms Module </h3>
No Form found. </div>
</div>

</td>
<td valign="top" id="maincol">
<div class="inside">
<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%">
</td>
<td align="right" width="100%" class="buttonheading">
<a href="http://leadctr.com/index2.php?option=com_content&do_pdf=1&id=27" target="_blank" onclick="window.open('http://leadctr.com/index2.php?option=com_content&do_pdf=1&id=27','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,he ight=480,directories=no,location=no'); return false;" title="PDF">

<img src="http://leadctr.com/templates/js_element_green/images/pdf_button.png" alt="PDF" name="PDF" align="middle" border="0" /></a>
</td>
<td align="right" width="100%" class="buttonheading">
<a href="http://leadctr.com/index2.php?option=com_content&task=view&id=27&pop=1&page=0&Itemid=33" target="_blank" onclick="window.open('http://leadctr.com/index2.php?option=com_content&task=view&id=27&pop=1&page=0&Itemid=33','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=64 0,height=480,directories=no,location=no'); return false;" title="Print">
<img src="http://leadctr.com/templates/js_element_green/images/printButton.png" alt="Print" name="Print" align="middle" border="0" /></a>
</td>
<td align="right" width="100%" class="buttonheading">
<a href="http://leadctr.com/index2.php?option=com_content&task=emailform&id=27&itemid=33" target="_blank" onclick="window.open('http://leadctr.com/index2.php?option=com_content&task=emailform&id=27&itemid=33','win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=40 0,height=250,directories=no,location=no'); return false;" title="E-mail">
<img src="http://leadctr.com/templates/js_element_green/images/emailButton.png" alt="E-mail" name="E-mail" align="middle" border="0" /></a>

</td>
</tr>
</table>

<table class="contentpaneopen">
<tr>

<td height="942" valign="top">
<div class="Section1"> <p style="text-align: center" class="MsoNormal" align="center"><img src="http://leadctr.com/images/stories/Head_MissionStatement.jpg" width="679" height="66" align="middle" hspace="6" alt="Image" title="Image" border="0" />&nbsp;</p><p style="text-align: center" class="MsoNormal" align="center">&nbsp;</p> </div> The LEAD Center, Ltd. (TLC) aims to provide an alternative educational setting that is designed to be creative and individualized for each student, while preparing them for life and community.&nbsp; At the same time, The LEAD Center, Ltd. hopes to develop a program of education that is accessible, consistent, adaptable, marketable, and reproducible anywhere.&nbsp; <span>The Center is committed to offering superior special education services by utilizing our collective expertise in education, behavior management, and technology.<span>&nbsp; </span></span><div class="Section2"> </div> <br />To fulfill its mission, The LEAD Center, Ltd. must be a company that is responsive to: <p style="margin: 6pt 0pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>students through its reputation for high standards of learning in a professional manner.</p><p style="margin: 6pt 0pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>employees by creating an atmosphere where each employee is treated as a valued member of The LEAD Center, Ltd. team.</p> <p style="margin: 6pt 0pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>shareholders by providing optimum return on investments and sustainable growth.</p><p style="margin: 6pt 0pt" class="MsoNormal">&nbsp;</p><p style="margin: 6pt 0pt" class="MsoNormal">Strategies developed by Center staff that will enable us to carry out this mission are:</p><p style="margin: 6pt 0pt 6pt 54pt; text-indent: -18pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>Develop and maintain programs to assist with our daily responsibilities.</p> <p style="margin: 6pt 0pt 6pt 54pt; text-indent: -18pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>Target students and build specific programs to help them achieve their highest potential.</p> <p style="margin: 6pt 0pt 6pt 54pt; text-indent: -18pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>Continually review TLC performance and make all necessary adjustments related to student success, costs, profits, employee benefits, and growth.</p> <p style="margin: 6pt 0pt 6pt 54pt; text-indent: -18pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>Continually evaluate &ldquo;cost,&rdquo; the element that must be controlled so TLC can stay competitive in an ever-changing market.</p><p style="margin: 6pt 0pt 6pt 54pt; text-indent: -18pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>Emphasize workplace responsibility and authority, which is delegated at the individual level. Ideas and suggestions from employees will be acknowledged, and if beneficial to the company, will also be implemented.</p> <p style="margin: 6pt 0pt 6pt 54pt; text-indent: -18pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>Foster an environment of cooperation and teamwork throughout the organization by emphasizing open communication and management example.&nbsp; This concept is conveyed to students, parents, teachers, and the community.</p> <p style="margin: 6pt 0pt 6pt 54pt; text-indent: -18pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>Provide training and education to staff and allow personnel to take advantage of opportunities to further enhance our ability to serve our clients</p><p style="margin: 6pt 0pt 6pt 54pt; text-indent: -18pt" class="MsoNormal"><span style="font-family: Symbol"><span>&middot;<span style="font-family: "Times New Roman"; font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-size-adjust: none; font-stretch: normal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span></span>Recognize the value of the individual employee.&nbsp; Help each individual realize his or her goals and share the resulting benefits with the company.</p><div style="border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color windowtext; border-width: medium medium 1.5pt; padding: 0pt 0pt 1pt; margin-left: 36pt; margin-right: 0pt"><p style="border: medium none ; margin: 6pt 0pt 6pt 18pt; padding: 0pt; text-indent: -18pt" class="MsoNormal">&nbsp;</p> </div> </td>
</tr>
<tr>
<td align="left" class="modifydate">&nbsp;</td>
</tr>
</table>

<span class="article_seperator">&nbsp;</span>

<div class="back_button">
<a href='javascript:history.go(-1)'>
[ Back ]</a>
</div>
</div>
</td>
</tr>
</table>

</td>
</tr>
</table>
<div id="footerbar">
<div class="rightcorner">
</div>
</div>
</div>
<div class="designer">


</div>

<div class="right"></body>
</html>
<!-- 1200084356 -->

bazz
01-15-2008, 01:07 AM
HI and welcome to CF.

You have a few validation issues which, really, need to be resolved before any attempt by your or us, can actually fix your problem.

check out validator.w3.org

oh yeh - befoe someone else mentions it, edit you post and put the html inside [ c o d e ] stuff here [ / c o d e ] tags (without the spaces).

bazz

btw, I do like your header. fresh looking, clean, straightforward but also, distinct.

effpeetee
01-15-2008, 02:39 PM
btw, I do like your header. fresh looking, clean, straightforward but also, distinct.

Bazz, you are lucky. I can get nothing recognisable with IE7.
Just a blue rectangle which is not very stable.

Frank

Vic Skim
01-15-2008, 02:50 PM
Sorry, sorry. Try http://www.classicmonkeyshine.net/future.html

oesxyl
01-15-2008, 03:57 PM
Sorry, sorry. Try http://www.classicmonkeyshine.net/future.html

in <td id="main"> you have a <br/> tag, this could be one of the problem.

in css this affect the same zone:


p, div, td {template_css.css (line 8)
line-height:135&#37;;
}


markup is still invalid:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.classicmonkeyshine.net%2Fmission.html

until you fix it, is useless to debug other problem.

best regards

Vic Skim
01-15-2008, 07:26 PM
solved it on my own, thanks anyway

bazz
01-15-2008, 09:18 PM
Bazz, you are lucky. I can get nothing recognisable with IE7.
Just a blue rectangle which is not very stable.

Frank

Heh heh. Thats why I dont use IE7. I only use MSIE for testing. Funny thing is though, when he put up that other link, supposedly I think, to let you see his header - I couldn't see it.

I think that was caused by validation issues.

Generally speaking I don't use the most up to date technology. Things these days seem to be rolled out to the 'market' long before they have been tested properly. In fact,I would suggest, that the people who do buy the latest stuff are in fact the testers. I refuse to pay for a product which I then have either, to test or, wait until others have fixed it.

[rant over]
My computer runs on steam .....oh wait...somethings wrong: that's smoke. :D


bazz

effpeetee
01-15-2008, 09:30 PM
I'm just about to remove Vista Business and install Home Premium. That is supposing that I can find some way to remove the Business edition. MS will not allow one to downgrade for some reason only known to Bill Gates.

Oh for the heady days of Windows 3.1!

Frank

bazz
01-15-2008, 09:53 PM
I'm just about to remove Vista Business and install Home Premium. That is supposing that I can find some way to remove the Business edition. MS will not allow one to downgrade for some reason only known to Bill Gates.

Frank

When I have re-installed a windows, I just put in the disk and let it overwrite whatever was on the HDD. Just make sure you have all your data backed up first or it will vanish.
I lost all but 3 of my family emigration photographs I hadn't backed up before the pc went poof. Its never run the same since ;)

bazz

oesxyl
01-15-2008, 10:01 PM
Generally speaking I don't use the most up to date technology. Things these days seem to be rolled out to the 'market' long before they have been tested properly. In fact,I would suggest, that the people who do buy the latest stuff are in fact the testers. I refuse to pay for a product which I then have either, to test or, wait until others have fixed it.

there is no test stage now, because increase the cost of the product and delay the moment of delivery to the market, the "modern way" is to launch as beta, wait for user complains and fix.:)

best regards



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum