Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Problem in code, I am unable to solve. In need of help
Old 05-15-2006, 12:29 PM Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Hi, I am new to css and am trying to create a site, however the pages "appeared" to be fine in IE but not in Firefox. I have changed bits and only getting into more of a stew. Now the middle content is not appearing in the centre but at the bottom of the page, top navigation bar breaks upand moves the search box over from the right into the middle, the moves the footer up the page.
Because of my lack of experience I am unable to see what I am doing wrong and when I change certain aspects this just seems to cause another problem.

Would anyone be willing to view my css and html if I posted them on forum?

I have tried looking at othersites for help but I am getting myself more confused and disheartened.

Thanks in advance
pernes is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-15-2006, 12:48 PM Re: Problem in code, I am unable to solve. In need of help
moondog's Avatar
Ultra Talker

Posts: 256
Location: Croatia
Trades: 0
post your css code and html...

someone will surely help you!
moondog is offline
Reply With Quote
View Public Profile
 
Old 05-15-2006, 01:04 PM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Thanks.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html><!-- InstanceBegin template="/Templates/homepageMaster.dwt.aspx" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>index1</title>

<link rel="STYLESHEET" type="text/css" href="css/master.css">
</head>

<body>

<!-- START OF TOP -->

<div id="top">
<div id="Masthead">
<a href="http://www.wealdenbusinesshelp.org.uk/"><img src="images/top_block.gif" border="0" width="705" height="45" alt="Wealden Business Help logo"></a>
</div>

<!-- Nav starts -->

<div id="nav">
<div id="navbar">
<a href="http://businesshelp/">Home</a>
<a href="A_to_Z/Index.aspx">A-Z</a>

<a href="Links/Index.aspx"> Links</a>
<a href="Leaflets/index.aspx"> Leaflets</a>
<a href="Templates/Forms/index.aspx"> Forms</a>
<a href="Subjects/Index.aspx"> Subjects</a>
<a href="contact_us/index.aspx"> Contact Us</a> </div>


<div id="Search">
<form method="get" action="http://www.wealden.gov.uk/kbroker/search.sim"/>
<label for="qt">Search</label>
<input name="qt" type="text" value="enter text" id="qt" accesskey="4" onFocus="value='';" />
<input type="submit" id="submit" title="enter search words and click go" name="Submit" value="go" />
<input type="hidden" name="sr" value="0" />
<input type="hidden" name="nh" value="10" />
<input type="hidden" name="cs" value="iso-8859-1" />
<input type="hidden" name="sc" value="wealden" />
<input type="hidden" name="sm" value="0" />

<input type="hidden" name="ha" value="0" />
</FORM>
</div>
</div>


<!-- nav ends-->

<!-- Breadcrumb starts-->
<div id="bctsearch">
<div id="bct">

<span id="bct" title="Navigation path for website"><a href='/'>Home</a></span>
</div>
</div>
<!-- Breadcrumb ends -->
</div>
<!-- END OF TOP -->

<div id="forcewrap"></div>

<!-- START OF LEFTNAV -->
<div id="leftnav">

<!-- navlinks starts -->

<div id="navlinks">
<ul id="navlist">
<li><a href="hot_topics/index.aspx">Hot Topics</a></li>
<li><a href="/news_travel_weather/Index.aspx">News Travel Weather</a></li>
<li><a href="business_support/Index.aspx">Business Support</a></li>
<li><a href="business_law/index.aspx">Business Law </a> </li>
<li><a href="business_practice/index.aspx">Business Practice</a></li>
<li><a href="financial_matters/Index.aspx">Financial Matters</a></li>

<li><a href="http://www.wealden.gov.uk/Business/Business_Directories/index.aspx">Business Directory </a></li>
<li><a href="where_to_stay/index.aspx">Where To Stay</a></li>
<li><a href="http://www.wealden.gov.uk/Council/Councillors/Index.aspx">Your Local Councillor</a></li>
</ul>
</div>
<!-- navlinks ends -->

<!-- translation starts -->

<div id="translation">
<a href="/translation/index.aspx"><img src="images/china_small.gif" border="0" width="16" height="11" alt="Translation into Chinese"></a>
<a href="/translation/index.aspx"><img src="images/france_small.gif" border="0" width="16" height="11" alt="Translation into French"></a>
<a href="/translation/index.aspx"><img src="images/german_small.gif" border="0" width="16" height="10" alt="Translation into German"></a>
<a href="/translation/index.aspx"><img src="images/portugal_small.gif" border="0" width="16" height="11" alt="Translation into Portuguese"></a>
<a href="/translation/index.aspx"><img src="images/spain_small.gif" border="0" width="16" height="11" alt="Translation into Spanish"></a>
</div>
<!-- translation ends -->

<!-- todaysDate starts -->

<div id="todaysDate">
<span id="lbldate">Wednesday, May 10, 2006</span>
</div>
<!-- todaysDate ends -->
<!-- printer icon -->
<div id="printer">
<a href="javascript:window.print()">
<img src="images/PrintThisPage.gif" border="0" width="105" height="20" alt="Click here to print">
</a>

</div>
<!-- printer icon ends -->
</div>
<!-- END OF LEFTNAV -->

<!-- START OF RIGHTNAV -->
<div id="rightnav">

<!-- boxhead starts -->
<div class="boxhead">
<h3 style="margin-bottom: 0">Quick Links</h3>

</div>
<!-- boxhead ends -->

<!-- navright starts -->
<!-- InstanceBeginEditable name="quick links" --><div id="navright"><ul id="rightlist" style="margin-bottom: 0"><li><a href="#">Grants to get Broadband</a></li>
<li><a href="#">On-line Help</a></li>
</ul>
</div>
<!-- InstanceEndEditable -->

<!-- navright ends -->

<!-- images starts -->
<div id="images">
<a href="http://www.businesslink.gov.uk"><img src="images/bustest.png" border="0" width="150" height="70" alt="Business Link Logo"></a>
<a href="http://www.wealden.gov.uk/"><img src="images/wdc_purple_sizechange.gif" border="0" width="150" height="60" alt="Wealden District Council Logo"></a>
</div>
<!-- images ends -->
</div>

<!-- END OF RIGHTNAV-->


<!-- START OF WRAPPER -->
<div id="wrapper">

<h1>Welcome to Wealden Business Help</h1>
<!-- Content starts -->
<div id="content"><!-- InstanceBeginEditable name="content" -->
<h1 style="margin-bottom: 0">&nbsp;</h1>
<p style="margin-top: 0;">Thinking of starting up, relocating or already an established business in the Wealden area? This site provides advice and help from <a href="http://www.wealden.gov.uk/">Wealden District Council</a>
<p>Take a look in the subject areas on the left to find what the site covers. There is a wealth of local information and many links to organisations that can also help.
<p><a href="RegulationAdviser.aspx">Wealden's Regulation Adviser</a>&nbsp;will be happy to have a chat with you, if you would sooner speak to someone personally. </p>

<p style="margin-bottom: 0;"><a href="Subjects/Index.aspx">View a complete list of&nbsp;subjects covered&nbsp;</a>&nbsp;</p>
<p style="margin-top:0; margin-bottom: 0;"><br>
</p>
<!-- InstanceEndEditable -->
</div>
<!-- Content ends -->

<!-- latestnews starts -->
<!-- InstanceBeginEditable name="content 1" -->

<div id="latestnews">
<h3>Latest Business News</h3>
<ul style="margin-bottom: 0;">
<li><a href="http://news.bbc.co.uk/1/hi/business/">BBC</a></li>
<li><a href="http://news.ft.com/home/uk">Financial Times</a></li>
</ul>
</div>

<!-- InstanceEndEditable -->
<!-- latestnews ends -->
</div>
<!-- END OF WRAPPER -->

<!-- START OF FOOTER -->
<div id="Footer">
<!-- footerlist starts -->
<ul id="footerlist">
<li><a href="/legal_information/index.aspx">Legal Information</a></li>
<li><a href="/accessibility/index.aspx">Accessibility</a></li>

<li><a href="site_map/Index.aspx">Site Map</a></li>
<li><a href="#">Web stats & availability</a></li>
</ul>
<!-- footerlist ends -->
</div>
<div id="update">
Updated:<!-- #BeginDate format:Ge1 -->04.05.2006<!-- #EndDate -->
</div>

<!-- END OF FOOTER -->

</body>
<!-- InstanceEnd --></html>
CSS:
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
margin: 0;
padding: 0;
background-color: white;
}

a {
text-decoration: none;
color: #9966ff;
}

a:visited {
color: #9966ff;
text-decoration: none;
}

a:hover {
text-decoration: none;
color:#CC00CC;
}

a:link {
text-decoration: none;
}

h1 {
font-size:120%;
font-weight:bold;
text-align:center;
padding: 0px;
margin: 0px;
}

h2 {
font-size:110%;
font-weight:bold;
}

h3 {
font-size:100%;
font-weight:bold;
}

h4 {
font-size: 100%;
font-weight:bold;
}

.bold_txt {
font-size:x-small;
font-weight: bold;
}


#Masthead {
background-image: url("../images/top_left_fill_000.gif");
background-repeat: repeat;
border-bottom: 9px solid #fff;

}

#nav {
width: 100%;
background-color: #9d00b5;


}
#navbar {
float: left;
color: #fff;
font-size: 81%;
background-color: #9d00b5;
padding: 10px 0 4px 15px;
letter-spacing: 2px;
font-weight: bold;

}

#navbar a {
text-decoration: none;
color: #fff;
}

#search {
float: right;
display: block;
background-color: #9d00b5;
color: White;
font-size: 81%;
font-weight: bold;
letter-spacing: 2px;
padding: 4px 10px 2px 0;
}


#search form, input{
padding: 0;
margin: 0;
border: 0;
}



#search form, input{
padding: 0;
margin: 0 0 0 10px;
border: 0;
}

#search input {
border: 1px solid #000;
}


#bctsearch {
clear: both;
width: 100%;
margin: 9px 0 0 0;
background-color: transparent;
}

#bct {
float: left;
background-color: transparent;
font-weight: bold;
font-size: 10px;
letter-spacing: 2px;
padding: 2px 0 0 110px;
color: #000;
}

#leftnav {
clear: right;
float: left;
position: relative;
width: 188px;
background-color: #fff;
margin: 15px 0 0 5px;
padding: 0;

}

.boxhead {
background-color: #9d00b5;
color: #fff;
font-size: 85%;
text-align: center;
}

#navlinks {
margin-left: 0px;
position: relative;
border: 0;
}

#navlist {
list-style: none;
width: 185px;
margin: 0;
padding: 0;
font-size: 1.1em;
}

#navlist li {
font-weight: bold;
font-size: 80%;
padding: 0 5px 0 0;
margin: 0 2px 0 0;
list-style: none;
border-bottom: 3px solid #fff;
}

#navlist li a {
font-weight: bold;
height: 24px;
text-decoration: none;
color: #fff;
display: block;
padding: 4px 0 0 6px;
background: #9d00b5;
}

#navlist li a:hover {
color: #fff;
}

#subnavlist {
list-style: none;
margin-top: 2px;
margin-left: 2px;
}

#subnavlist li a {
margin: 0;
display: block;
background-color: #fff;
text-decoration: none;
color: #000;
}

#subnavlist a:visited {
color: #9966ff;
text-decoration: none;
}

#subnavlist li a:hover {
text-decoration: none;
color: #cc00cc;
background-color: #fff;
}

#translation {
margin: 10px 0 5px 0;
padding-left: 30px;
}

#todaysDate {
font-size: xx-small;
padding-left: 16px;
margin-top: 15px;
}

#printer {
margin-top: 40px;
padding-left: 30px;
}
#wrapper{
float: left;
color: #000;
font-size: small;
margin: 15px 2px 2px 13px;
padding: 14px 2px 0 2px;

}

#content {

clear: left;
margin-top: 2px;
margin-right: 0px;
padding: 2px 4px 2px 3px;
font-size: 79%;
voice-family: "\"}\"";
voice-family: inherit;
}

#latestnews {
font-size: 79%;
color: #000;
}

#news li{
list-style: disc;
}

#rightnav {
float: right;
margin: 15px 5 0 0;
width: 175px;
padding: 0;
}

#navright {

padding: 0px;
}

#rightlist li{
list-style:none;
margin: 0 0 0 -17px;
font-size: 80%;
}
#rightlist a {
text-decoration: none;
color: #000;

}

#rightlist a:visited {
color: #9966ff;
}

#rightlist a:hover {
color: #cc00cc;
}

#usefullinks li {
list-style: none;
font-size: 79%;
margin: 0 0 0 -17px;
}


#images {
clear: right;
float: right;
margin: 17px 9px 0 0;
}

#images img {
margin: 0 0 15px 0;
}

#footer{
clear: both;
text-align: center;
font-size: 77%;
}

#footerlist li {
display: inline;
list-style-type: none;
color: #000;
letter-spacing: 2px;
font-size: 80%;
padding-right: 3%;
}

#footerlist a {
text-decoration: none;
color: #000;
}

#footerlist a:visited {
color: #9966ff;
}

#footerlist a:hover {
color: #cc00cc;
}

#update {
font-size: xx-small;
text-align: right;
padding-right: 20px;
}
#img {
border: none;
}

#forcewrap {
clear:both;
}
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-15-2006, 05:19 PM Re: Problem in code, I am unable to solve. In need of help
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
When I took float:left off of the wrapper div and took clear:left off the content div everything seemed to jump back into place in Firefox.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 05-19-2006, 06:02 AM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Thanks for your reply, I appreciate your help and time. I have made the changes as suggested and it displays fine in Firefox, apart from the navbar which breaks up in the middle of the page. I have copied over the code. How could I amend this and get the text on the page to appear bigger?

<!-- Nav starts -->
<div id="nav">
<div id="navbar">
<a href="<A href="http://businesshelp/">Home</a">http://businesshelp/">Home</a>
<a href="A_to_Z/Index.aspx">A-Z</a>
<a href="Links/Index.aspx"> Links</a>
<a href="Leaflets/index.aspx"> Leaflets</a>
<a href="Templates/Forms/index.aspx"> Forms</a>
<a href="Subjects/Index.aspx"> Subjects</a>
<a href="contact_us/index.aspx"> Contact Us</a> </div>

<div id="Search">
<form method="get" action="<A href="http://www.wealden.gov.uk/kbroker/search.sim"/">http://www.wealden.gov.uk/kbroker/search.sim"/>
<label for="qt">Search</label>
<input name="qt" type="text" value="enter text" id="qt" accesskey="4" onFocus="value='';" />
<input type="submit" id="submit" title="enter search words and click go" name="Submit" value="go" />
<input type="hidden" name="sr" value="0" />
<input type="hidden" name="nh" value="10" />
<input type="hidden" name="cs" value="iso-8859-1" />
<input type="hidden" name="sc" value="wealden" />
<input type="hidden" name="sm" value="0" />
<input type="hidden" name="ha" value="0" />
</FORM>
</div>
</div>
#nav {
width: 100%;
background-color: #9d00b5;

}
#navbar {
float: left;
color: #fff;
font-size: 81%;
background-color: #9d00b5;
padding: 10px 0 4px 15px;
letter-spacing: 2px;
font-weight: bold;
}
#navbar a {
text-decoration: none;
color: #fff;
}
#search {
float: right;
display: block;
background-color: #9d00b5;
color: White;
font-size: 81%;
font-weight: bold;
letter-spacing: 2px;
padding: 4px 10px 2px 0;
}

#search form, input{
padding: 0;
margin: 0;
border: 0;
}

#search form, input{
padding: 0;
margin: 0 0 0 10px;
border: 0;
}
#search input {
border: 1px solid #000;
}
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-19-2006, 12:39 PM Re: Problem in code, I am unable to solve. In need of help
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
What you need to learn to do is make your site work in Firefox FIRST, then make whatever adjustments are necessary to bring the non-compliant IE behave. Doing it the other way around will drive you crazy.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-22-2006, 08:52 AM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Thanks for the reply, but I have tried changing the code for the navigation bar but it still won't display correctly. I either get the search box in the middle instead of to the right or as it is now no colour in the middle of the screen.
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-22-2006, 01:24 PM Re: Problem in code, I am unable to solve. In need of help
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
You're problem is right here: <div id="Search">

CSS is CASE SENSITIVE, your CSS is defined as:
Quote:
#search {
float: right;
display: block;
background-color: #9d00b5;
color: White;
font-size: 81%;
font-weight: bold;
letter-spacing: 2px;
padding: 4px 10px 2px 0;
}
Your ID is lowercase and so your HTML must be exact: <div id="search">
I changed it to lower case and your search box snaps to the left where you want it.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 06:20 AM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Thanks LadynRed, having a fresh pair of eyes spotting my errors has been very helpful. I have changed the "search" div to lower case and the search box is now on the left, and noted your valued comments for future reference.
However in Firefox the navbar isn't displaying as one continuous line, the middle of it is missing?
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 10:46 AM Re: Problem in code, I am unable to solve. In need of help
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Put the Search DIV inside the NAVBAR DIV and you'll get the purple bar all the way across. You will probably have to make some adjustments once you do that. You should also clear the float.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 11:11 AM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Thanks, followed your instructions and purple bar now all the way across. I will now play about and try to make the bar thinner so that the text on the left and search box are at the same height within the purple bar, if this is possible.

Thanks again
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 11:48 AM Re: Problem in code, I am unable to solve. In need of help
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
YW
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 12:29 PM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Did I speak to soon, started to add a more content in the middle of the page, before fiddling with the navbar. BUT the content spreads out into the left and right areas where the page is blank, ie: under the graphics and left hand list . Any suggestions please?
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 02:56 PM Re: Problem in code, I am unable to solve. In need of help
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Where exactly were you adding content to the page ?
Do you have this on the web somewhere so we can look at it ?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-24-2006, 06:51 AM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
In the content div, but the text spreads out into the left and right areas where the page is blank, ie: under the graphics and left hand list, in both explorer and firefox . Sorry only working on this in local mode so I can't give a site on the web to look at. Thanks
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html><!-- InstanceBegin template="/Templates/homepageMaster.dwt.aspx" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>index1</title>

<link rel="STYLESHEET" type="text/css" href="css/master.css">
</head>

<body>

<!-- START OF TOP -->

<div id="top">
<div id="Masthead">
<a href="http://www.wealdenbusinesshelp.org.uk/"><img src="images/top_block.gif" border="0" width="705" height="45" alt="Wealden Business Help logo"></a>
</div>

<!-- Nav starts -->

<div id="nav">
<div id="navbar">
<a href="http://businesshelp/">Home</a>
<a href="A_to_Z/Index.aspx">A-Z</a>

<a href="Links/Index.aspx"> Links</a>
<a href="Leaflets/index.aspx"> Leaflets</a>
<a href="Templates/Forms/index.aspx"> Forms</a>
<a href="Subjects/Index.aspx"> Subjects</a>
<a href="contact_us/index.aspx"> Contact Us</a> </div>


<div id="Search">
<form method="get" action="http://www.wealden.gov.uk/kbroker/search.sim"/>
<label for="qt">Search</label>
<input name="qt" type="text" value="enter text" id="qt" accesskey="4" onFocus="value='';" />
<input type="submit" id="submit" title="enter search words and click go" name="Submit" value="go" />
<input type="hidden" name="sr" value="0" />
<input type="hidden" name="nh" value="10" />
<input type="hidden" name="cs" value="iso-8859-1" />
<input type="hidden" name="sc" value="wealden" />
<input type="hidden" name="sm" value="0" />

<input type="hidden" name="ha" value="0" />
</FORM>
</div>
</div>


<!-- nav ends-->

<!-- Breadcrumb starts-->
<div id="bctsearch">
<div id="bct">

<span id="bct" title="Navigation path for website"><a href='/'>Home</a></span>
</div>
</div>
<!-- Breadcrumb ends -->
</div>
<!-- END OF TOP -->

<div id="forcewrap"></div>

<!-- START OF LEFTNAV -->
<div id="leftnav">

<!-- navlinks starts -->

<div id="navlinks">
<ul id="navlist">
<li><a href="hot_topics/index.aspx">Hot Topics</a></li>
<li><a href="/news_travel_weather/Index.aspx">News Travel Weather</a></li>
<li><a href="business_support/Index.aspx">Business Support</a></li>
<li><a href="business_law/index.aspx">Business Law </a> </li>
<li><a href="business_practice/index.aspx">Business Practice</a></li>
<li><a href="financial_matters/Index.aspx">Financial Matters</a></li>

<li><a href="http://www.wealden.gov.uk/Business/Business_Directories/index.aspx">Business Directory </a></li>
<li><a href="where_to_stay/index.aspx">Where To Stay</a></li>
<li><a href="http://www.wealden.gov.uk/Council/Councillors/Index.aspx">Your Local Councillor</a></li>
</ul>
</div>
<!-- navlinks ends -->

<!-- translation starts -->

<div id="translation">
<a href="/translation/index.aspx"><img src="images/china_small.gif" border="0" width="16" height="11" alt="Translation into Chinese"></a>
<a href="/translation/index.aspx"><img src="images/france_small.gif" border="0" width="16" height="11" alt="Translation into French"></a>
<a href="/translation/index.aspx"><img src="images/german_small.gif" border="0" width="16" height="10" alt="Translation into German"></a>
<a href="/translation/index.aspx"><img src="images/portugal_small.gif" border="0" width="16" height="11" alt="Translation into Portuguese"></a>
<a href="/translation/index.aspx"><img src="images/spain_small.gif" border="0" width="16" height="11" alt="Translation into Spanish"></a>
</div>
<!-- translation ends -->

<!-- todaysDate starts -->

<div id="todaysDate">
<span id="lbldate">Wednesday, May 10, 2006</span>
</div>
<!-- todaysDate ends -->
<!-- printer icon -->
<div id="printer">
<a href="javascript:window.print()">
<img src="images/PrintThisPage.gif" border="0" width="105" height="20" alt="Click here to print">
</a>

</div>
<!-- printer icon ends -->
</div>
<!-- END OF LEFTNAV -->

<!-- START OF RIGHTNAV -->
<div id="rightnav">

<!-- boxhead starts -->
<div class="boxhead">
<h3 style="margin-bottom: 0">Quick Links</h3>

</div>
<!-- boxhead ends -->

<!-- navright starts -->
<!-- InstanceBeginEditable name="quick links" --><div id="navright"><ul id="rightlist" style="margin-bottom: 0"><li><a href="#">Grants to get Broadband</a></li>
<li><a href="#">On-line Help</a></li>
</ul>
</div>
<!-- InstanceEndEditable -->

<!-- navright ends -->

<!-- images starts -->
<div id="images">
<a href="http://www.businesslink.gov.uk"><img src="images/bustest.png" border="0" width="150" height="70" alt="Business Link Logo"></a>
<a href="http://www.wealden.gov.uk/"><img src="images/wdc_purple_sizechange.gif" border="0" width="150" height="60" alt="Wealden District Council Logo"></a>
</div>
<!-- images ends -->
</div>

<!-- END OF RIGHTNAV-->


<!-- START OF WRAPPER -->
<div id="wrapper">

<h1>Welcome to Wealden Business Help</h1>
<!-- Content starts -->
<div id="content"><!-- InstanceBeginEditable name="content" -->
<h1>Waste</h1>
<p>Every business has a 'Duty of Care' to dispose of their waste in a correct and responsible manner.&nbsp; This effectively means having a waste collection arranged with a Registered Waste Carrier or Local Authority.&nbsp; Alternatively, waste can be transported to an official Waste Transfer Station.&nbsp; (A list of official sites can be located below).&nbsp; Failure to comply with your Duty of Care responsibilities could lead to an unlimited fine.</p>
<br>
<p>Business waste can not be disposed of at home, at Household Waste and Recycling Sites or Local Recycling Points.&nbsp; Waste collections are not provided through your&nbsp;Business Rate payments,&nbsp; collection facilities have to be set up separately.&nbsp;&nbsp;</p>
<br>
<h3>Waste Management Officers</h3>
<p> Periodically visit business premises&nbsp; to ensure proper waste management facilities are in place and are on hand to give advice on the law and how it applies to your particular business. For further help and information contact : 01892 602724 or email <a href="<A href="mailtoaul.thomson@wealden.gov.uk">paul.tho mson@wealden.gov.uk</a></p">mailtoaul.thomson@wealden.gov.uk">paul.thomso n@wealden.gov.uk</a></p>
<br>
<h2><a href="<A href="http://www.yell.com/ucs/UcsSearchAction.do?&broaderLocation=SOUTH+EAST+ENG LAND%7CENGLAND%7CUNITED+KINGDOM&screen=VAL&keyword s=WASTE+DISPOSAL+SERVICES&companyName=&Submit.y=14 &targetName=&Submit.x=34&location=EAST+SUSSEX&stat e=AMB">Commercial">http://www.yell.com/ucs/UcsSearchAction.do?&broaderLocation=SOUTH+EAST+ENG LAND%7CENGLAND%7CUNITED+KINGDOM&screen=VAL&keyword s=WASTE+DISPOSAL+SERVICES&companyName=&Submit.y=14 &targetName=&Submit.x=34&location=EAST+SUSSEX&stat e=AMB">Commercial Waste Disposal Contractors</a>&nbsp;</h2>
<p>This link provides a list of Registered Waste Contractors in East Sussex.&nbsp; Always ask if the contractor is registered to carry waste and ask for their waste carrier number.&nbsp; If you are in any doubt of a company's credentials, call the Environment Agency on 0870 8506506 for an instant waste carrier validation check.</p>
<br>
<h2><a href="<A href="http://192.168.1.52/Environment_and_Transport/Recycling/Business/index.aspx">Wealden">http://192.168.1.52/Environment_and_Transport/Recycling/Business/index.aspx">Wealden District Council</a> </h2>
<p>Can also&nbsp;provide a commercial waste collection service.&nbsp; The council can also offer business waste recycling collections.&nbsp; Materials collected commercially for recycling are glass, cans, newspapers and magazines.&nbsp; Mixed glass collections are not available so the material must be divided in to separate bins for green, clear and brown.&nbsp;</p>
<br>
<p>For further information&nbsp;relating to commercial refuse collections from Wealden District Council telephone 01323 443437.&nbsp; For recycling collections contact 01323 443404.&nbsp; Email queries pertaining to any trade waste collection can be sent to <a href="<A href="mailto:trade.waste@wealden.gov.uk">trade.was te@wealden.gov.uk</a></p">mailto:trade.waste@wealden.gov.uk">trade.waste@ wealden.gov.uk</a></p>
<br>
<h2>Commercial Waste Transfer Stations</h2>
<p>It is also possible to dispose of commercial rubbish at official Waste Transfer Stations.&nbsp;There is a charge to use these facilities.&nbsp; In addition a Waste Carriers Licence may well be required to transport waste to these sites.&nbsp; Currently a licence costs &pound;133 for 3 years.&nbsp;&nbsp;To register for a licence or for any queries&nbsp;contact the Environment Agency on 08708 506506.</p>
<br>
<h2> Waste Transfer Sites in the District</h2>
<br>
<p>A M Skip and Plant Hire, Maresfield - 01825 712794</p>
<br>
<p>Haulaway Skip Hire, Hailsham - 01323 441396</p>
<br>
<p>MDJ Light Brothers, Lewes - 01273 476862</p>
<br>
<p>MDJ Light Brothers, Heathfield - 01435 830324</p>
<br>
<p>PJ Mini Skip Hire, Polegate - 01323 488888</p>
<br>
<p>Sita, Westham - 01323 763875</p>
<h2><br>
</h2>
<h2><a href="WasteLegalisation.aspx">Legislation</a> </h2>
<p>Links to external websites for updated advice </p>
<br>
<h2><a href="WasteInformation.aspx">Other Waste Information</a> </h2>
<p> Further advice, training and support from external websites</p>
<br>
<p><strong>Disclaimer</strong></p>
<p>This information is intended to provide general guidance. It should not be regarded as an exhaustive definitive statement of the law. </p>
<!-- InstanceEndEditable -->

</div>
<!-- Content ends -->


</div>
<!-- END OF WRAPPER -->

<!-- START OF FOOTER -->
<div id="Footer">
<!-- footerlist starts -->
<ul id="footerlist">
<li><a href="/legal_information/index.aspx">Legal Information</a></li>
<li><a href="/accessibility/index.aspx">Accessibility</a></li>

<li><a href="site_map/Index.aspx">Site Map</a></li>
<li><a href="#">Web stats & availability</a></li>
</ul>
<!-- footerlist ends -->
</div>
<div id="update">
Updated:<!-- #BeginDate format:Ge1 -->04.05.2006<!-- #EndDate -->
</div>

<!-- END OF FOOTER -->

</body>
<!-- InstanceEnd --></html>
CSS:
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
margin: 0;
padding: 0;
background-color: white;
}

a {
text-decoration: none;
color: #9966ff;
}

a:visited {
color: #9966ff;
text-decoration: none;
}

a:hover {
text-decoration: none;
color:#CC00CC;
}

a:link {
text-decoration: none;
}

h1 {
font-size:120%;
font-weight:bold;
text-align:center;
padding: 0px;
margin: 0px;
}

h2 {
font-size:110%;
font-weight:bold;
}

h3 {
font-size:100%;
font-weight:bold;
}

h4 {
font-size: 100%;
font-weight:bold;
}

.bold_txt {
font-size:x-small;
font-weight: bold;
}


#Masthead {
background-image: url("../images/top_left_fill_000.gif");
background-repeat: repeat;
border-bottom: 9px solid #fff;

}

#nav {
width: 100%;
background-color: #9d00b5;


}
#navbar {
float: left;
color: #fff;
font-size: 81%;
background-color: #9d00b5;
padding: 10px 0 4px 15px;
letter-spacing: 2px;
font-weight: bold;

}

#navbar a {
text-decoration: none;
color: #fff;
}

#search {
float: right;
display: block;
background-color: #9d00b5;
color: White;
font-size: 81%;
font-weight: bold;
letter-spacing: 2px;
padding: 4px 10px 2px 0;
}


#search form, input{
padding: 0;
margin: 0;
border: 0;
}



#search form, input{
padding: 0;
margin: 0 0 0 10px;
border: 0;
}

#search input {
border: 1px solid #000;
}


#bctsearch {
clear: both;
width: 100%;
margin: 9px 0 0 0;
background-color: transparent;
}

#bct {
float: left;
background-color: transparent;
font-weight: bold;
font-size: 10px;
letter-spacing: 2px;
padding: 2px 0 0 110px;
color: #000;
}

#leftnav {
clear: right;
float: left;
position: relative;
width: 188px;
background-color: #fff;
margin: 15px 0 0 5px;
padding: 0;

}

.boxhead {
background-color: #9d00b5;
color: #fff;
font-size: 85%;
text-align: center;
}

#navlinks {
margin-left: 0px;
position: relative;
border: 0;
}

#navlist {
list-style: none;
width: 185px;
margin: 0;
padding: 0;
font-size: 1.1em;
}

#navlist li {
font-weight: bold;
font-size: 80%;
padding: 0 5px 0 0;
margin: 0 2px 0 0;
list-style: none;
border-bottom: 3px solid #fff;
}

#navlist li a {
font-weight: bold;
height: 24px;
text-decoration: none;
color: #fff;
display: block;
padding: 4px 0 0 6px;
background: #9d00b5;
}

#navlist li a:hover {
color: #fff;
}

#subnavlist {
list-style: none;
margin-top: 2px;
margin-left: 2px;
}

#subnavlist li a {
margin: 0;
display: block;
background-color: #fff;
text-decoration: none;
color: #000;
}

#subnavlist a:visited {
color: #9966ff;
text-decoration: none;
}

#subnavlist li a:hover {
text-decoration: none;
color: #cc00cc;
background-color: #fff;
}

#translation {
margin: 10px 0 5px 0;
padding-left: 30px;
}

#todaysDate {
font-size: xx-small;
padding-left: 16px;
margin-top: 15px;
}

#printer {
margin-top: 40px;
padding-left: 30px;
}
#wrapper{
float: left;
color: #000;
font-size: small;
margin: 15px 2px 2px 13px;
padding: 14px 2px 0 2px;

}

#content {

clear: left;
margin-top: 2px;
margin-right: 0px;
padding: 2px 4px 2px 3px;
font-size: 79%;
voice-family: "\"}\"";
voice-family: inherit;
}

#latestnews {
font-size: 79%;
color: #000;
}

#news li{
list-style: disc;
}

#rightnav {
float: right;
margin: 15px 5 0 0;
width: 175px;
padding: 0;
}

#navright {

padding: 0px;
}

#rightlist li{
list-style:none;
margin: 0 0 0 -17px;
font-size: 80%;
}
#rightlist a {
text-decoration: none;
color: #000;

}

#rightlist a:visited {
color: #9966ff;
}

#rightlist a:hover {
color: #cc00cc;
}

#usefullinks li {
list-style: none;
font-size: 79%;
margin: 0 0 0 -17px;
}


#images {
clear: right;
float: right;
margin: 17px 9px 0 0;
}

#images img {
margin: 0 0 15px 0;
}

#footer{
clear: both;
text-align: center;
font-size: 77%;
}

#footerlist li {
display: inline;
list-style-type: none;
color: #000;
letter-spacing: 2px;
font-size: 80%;
padding-right: 3%;
}

#footerlist a {
text-decoration: none;
color: #000;
}

#footerlist a:visited {
color: #9966ff;
}

#footerlist a:hover {
color: #cc00cc;
}

#update {
font-size: xx-small;
text-align: right;
padding-right: 20px;
}
#img {
border: none;
}

#forcewrap {
clear:both;
}
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-24-2006, 10:06 AM Re: Problem in code, I am unable to solve. In need of help
Mooofasa's Avatar
Defies a Status

Posts: 1,611
Name: Michael (mik) Land
Location: England
Trades: 0
Could you please put your code into HTML bbcode tags.

Firstly, I suggest you move to XHTML. Then at least your tags will be better listed.

When making your code, take your time. You have a lot of errors in there.

ID selectors CAN ONLY BE USED TO DEFINE ONE ELEMENT, you can't use #bct to define both a span and a div. Use class selectors for this.

You've used propietry values (like s= and e=). If you're going to do this, then at least make sure those that view your source code know what these mean, or alternatively, for better coding practice, don't use them at all.

I've cleaned your code, and it only has two Warnings now (the propietry values s= and e=).

HTML Code:
<?xml version="1.0"?>
<!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>
    <title>
      Title
    </title>
    <link rel="stylesheet" type="text/css" href="css/master.css" media="screen" />
<style type="text/css">
/*<![CDATA[*/
 ul.c2 {margin-bottom: 0}
 h3.c1 {margin-bottom: 0;}
/*]]>*/

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
margin: 0;
padding: 0;
background-color: white;
}

a {
text-decoration: none;
color: #9966ff;
}

a:visited {
color: #9966ff;
text-decoration: none;
}

a:hover {
text-decoration: none;
color:#CC00CC;
}

a:link {
text-decoration: none;
}

h1 {
font-size:120%;
font-weight:bold;
text-align:center;
padding: 0px;
margin: 0px;
}

h2 {
font-size:110%;
font-weight:bold;
}

h3 {
font-size:100%;
font-weight:bold;
}

h4 {
font-size: 100%;
font-weight:bold;
}

.bold_txt {
font-size:x-small;
font-weight: bold;
}


#Masthead {
background-image: url("../images/top_left_fill_000.gif");
background-repeat: repeat;
border-bottom: 9px solid #fff;

}

#nav {
width: 100%;
background-color: #9d00b5;


}
#navbar {
float: left;
color: #fff;
font-size: 81%;
background-color: #9d00b5;
padding: 10px 0 4px 15px;
letter-spacing: 2px;
font-weight: bold;

}

#navbar a {
text-decoration: none;
color: #fff;
}

#search {
float: right;
display: block;
background-color: #9d00b5;
color: White;
font-size: 81%;
font-weight: bold;
letter-spacing: 2px;
padding: 4px 10px 2px 0;
}


#search form, input{
padding: 0;
margin: 0;
border: 0;
}



#search form, input{
padding: 0;
margin: 0 0 0 10px;
border: 0;
}

#search input {
border: 1px solid #000;
}


#bctsearch {
clear: both;
width: 100%;
margin: 9px 0 0 0;
background-color: transparent;
}

.bct {
float: left;
background-color: transparent;
font-weight: bold;
font-size: 10px;
letter-spacing: 2px;
padding: 2px 0 0 110px;
color: #000;
}

#leftnav {
clear: right;
float: left;
position: relative;
width: 188px;
background-color: #fff;
margin: 15px 0 0 5px;
padding: 0;

}

.boxhead {
background-color: #9d00b5;
color: #fff;
font-size: 85%;
text-align: center;
}

#navlinks {
margin-left: 0px;
position: relative;
border: 0;
}

#navlist {
list-style: none;
width: 185px;
margin: 0;
padding: 0;
font-size: 1.1em;
}

#navlist li {
font-weight: bold;
font-size: 80%;
padding: 0 5px 0 0;
margin: 0 2px 0 0;
list-style: none;
border-bottom: 3px solid #fff;
}

#navlist li a {
font-weight: bold;
height: 24px;
text-decoration: none;
color: #fff;
display: block;
padding: 4px 0 0 6px;
background: #9d00b5;
}

#navlist li a:hover {
color: #fff;
}

#subnavlist {
list-style: none;
margin-top: 2px;
margin-left: 2px;
}

#subnavlist li a {
margin: 0;
display: block;
background-color: #fff;
text-decoration: none;
color: #000;
}

#subnavlist a:visited {
color: #9966ff;
text-decoration: none;
}

#subnavlist li a:hover {
text-decoration: none;
color: #cc00cc;
background-color: #fff;
}

#translation {
margin: 10px 0 5px 0;
padding-left: 30px;
}

#todaysDate {
font-size: xx-small;
padding-left: 16px;
margin-top: 15px;
}

#printer {
margin-top: 40px;
padding-left: 30px;
}
#wrapper{
float: left;
color: #000;
font-size: small;
margin: 15px 2px 2px 13px;
padding: 14px 2px 0 2px;

}

#content {

clear: left;
margin-top: 2px;
margin-right: 0px;
padding: 2px 4px 2px 3px;
font-size: 79%;
voice-family: "\"}\"";
voice-family: inherit;
}

#latestnews {
font-size: 79%;
color: #000;
}

#news li{
list-style: disc;
}

#rightnav {
float: right;
margin: 15px 5 0 0;
width: 175px;
padding: 0;
}

#navright {

padding: 0px;
}

#rightlist li{
list-style:none;
margin: 0 0 0 -17px;
font-size: 80%;
}
#rightlist a {
text-decoration: none;
color: #000;

}

#rightlist a:visited {
color: #9966ff;
}

#rightlist a:hover {
color: #cc00cc;
}

#usefullinks li {
list-style: none;
font-size: 79%;
margin: 0 0 0 -17px;
}


#images {
clear: right;
float: right;
margin: 17px 9px 0 0;
}

#images img {
margin: 0 0 15px 0;
}

#footer{
clear: both;
text-align: center;
font-size: 77%;
}

#footerlist li {
display: inline;
list-style-type: none;
color: #000;
letter-spacing: 2px;
font-size: 80%;
padding-right: 3%;
}

#footerlist a {
text-decoration: none;
color: #000;
}

#footerlist a:visited {
color: #9966ff;
}

#footerlist a:hover {
color: #cc00cc;
}

#update {
font-size: xx-small;
text-align: right;
padding-right: 20px;
}
#img {
border: none;
}

#forcewrap {
clear:both;
}
</style>
  </head>
  <body>
    <div id="top">
      <div id="Masthead">
        <a href="http://www.wealdenbusinesshelp.org.uk/"><img src="images/top_block.gif" border="0"
        width="705" height="45" alt="Wealden Business Help logo" /></a>
      </div>
      <div id="nav">
        <div id="navbar">
          <a href="http://businesshelp/">Home</a> <a href="A_to_Z/Index.aspx">A-Z</a> <a href=
          "Links/Index.aspx">Links</a> <a href="Leaflets/index.aspx">Leaflets</a> <a href=
          "Templates/Forms/index.aspx">Forms</a> <a href="Subjects/Index.aspx">Subjects</a>
          <a href="contact_us/index.aspx">Contact Us</a>
        </div>
        <div id="Search">
          <form method="get" action="http://www.wealden.gov.uk/kbroker/search.sim">
            <label for="qt">Search</label> <input name="qt" type="text" value="enter text" id="qt"
            accesskey="4" onfocus="value='';" /><input type="submit" id="submit" title=
            "enter search words and click go" name="Submit" value="go" /><input type="hidden" name=
            "sr" value="0" /><input type="hidden" name="nh" value="10" /><input type="hidden" name=
            "cs" value="iso-8859-1" /><input type="hidden" name="sc" value="wealden" /><input type=
            "hidden" name="sm" value="0" /><input type="hidden" name="ha" value="0" />
          </form>
        </div>
      </div>
      <div class="bct" id="bctsearch">
        <span class="bct" title="Navigation path for website"><a href="/">Home</a></span>
      </div>
    </div>
    <div id="forcewrap"></div>
    <div id="leftnav">
      <div id="navlinks">
        <ul id="navlist">
          <li>
            <a href="hot_topics/index.aspx">Hot Topics</a>
          </li>
          <li>
            <a href="/news_travel_weather/Index.aspx">News Travel Weather</a>
          </li>
          <li>
            <a href="business_support/Index.aspx">Business Support</a>
          </li>
          <li>
            <a href="business_law/index.aspx">Business Law</a>
          </li>
          <li>
            <a href="business_practice/index.aspx">Business Practice</a>
          </li>
          <li>
            <a href="financial_matters/Index.aspx">Financial Matters</a>
          </li>
          <li>
            <a href="http://www.wealden.gov.uk/Business/Business_Directories/index.aspx">Business
            Directory</a>
          </li>
          <li>
            <a href="where_to_stay/index.aspx">Where To Stay</a>
          </li>
          <li>
            <a href="http://www.wealden.gov.uk/Council/Councillors/Index.aspx">YourLocal
            Councillor</a>
          </li>
        </ul>
      </div>
      <div id="translation">
        <a href="/translation/index.aspx"><img src="images/china_small.gif" border="0" width="16"
        height="11" alt="Translation into Chinese" /></a> <a href=
        "/translation/index.aspx"><img src="images/france_small.gif" border="0" width="16" height=
        "11" alt="Translation into French" /></a> <a href="/translation/index.aspx"><img src=
        "images/german_small.gif" border="0" width="16" height="10" alt=
        "Translation into German" /></a> <a href="/translation/index.aspx"><img src=
        "images/portugal_small.gif" border="0" width="16" height="11" alt=
        "Translation into Portuguese" /></a> <a href="/translation/index.aspx"><img src=
        "images/spain_small.gif" border="0" width="16" height="11" alt=
        "Translation into Spanish" /></a>
      </div>
      <div id="todaysDate">
        <span id="lbldate">Wednesday, May 10, 2006</span>
      </div>
      <div id="printer">
        <a href="javascript:window.print()"><img src="images/PrintThisPage.gif" border="0" width=
        "105" height="20" alt="Click here to print" /></a>
      </div>
    </div>
    <div id="rightnav">
      <div class="boxhead">
        <h3 class="c1">
          Quick Links
        </h3>
      </div>
      <div id="navright">
        <ul id="rightlist" class="c2">
          <li>
            <a href="#">Grants to get Broadband</a>
          </li>
          <li>
            <a href="#">On-line Help</a>
          </li>
        </ul>
      </div>
      <div id="images">
        <a href="http://www.businesslink.gov.uk"><img src="images/bustest.png" border="0" width=
        "150" height="70" alt="Business Link Logo" /></a> <a href=
        "http://www.wealden.gov.uk/"><img src="images/wdc_purple_sizechange.gif" border="0" width=
        "150" height="60" alt="Wealden District Council Logo" /></a>
      </div>
    </div>
    <div id="wrapper">
      <h1>
        Welcome to Wealden Business Help
      </h1>
      <div id="content">
        <h1>
          Waste
        </h1>
        <p>
          Every business has a 'Duty of Care' to dispose of their waste in a correct and
          responsible manner. This effectively means having a waste collection arranged with a
          Registered Waste Carrier or Local Authority. Alternatively, waste can be transported to
          an official Waste Transfer Station. (A list of official sites can be located below).
          Failure to comply with your Duty of Care responsibilities could lead to an unlimited
          fine.
        </p><br />
        <p>
          Business waste can not be disposed of at home, at Household Waste and Recycling Sites or
          Local Recycling Points. Waste collections are not provided through your Business Rate
          payments, collection facilities have to be set up separately.
        </p><br />
        <h3>
          Waste Management Officers
        </h3>
        <p>
          Periodically visit business premises to ensure proper waste management facilities are in
          place and are on hand to give advice on the law and how it applies to your particular
          business. For further help and information contact : 01892 602724 or email <a href=
          "%3CA%20href=">paul.tho mson@wealden.gov.uk</a>
        </p>mailtoaul.thomson@wealden.gov.uk"&gt;paul.thomso n@wealden.gov.uk<br />
        <h2>
          <a href="%3CA%20href=" s="WASTE+DISPOSAL+SERVICES&amp;companyName=&amp;Submit.y=14" e=
          "AMB&quot;">Commercial"&gt;http://www.yell.com/ucs/UcsSearchAction.do?&amp;broaderLocation=SOUTH+EAST+ENGLAND%7CENGLAND%7CUNITED+KINGDOM&amp;screen=VAL&amp;keywords=WASTE+DISPOSAL+SERVICES&amp;companyName=&amp;Submit.y=14&amp;targetName=&amp;Submit.x=34&amp;location=EAST+SUSSEX&amp;state=AMB"&gt;Commercial
          Waste Disposal Contractors</a>
        </h2>
        <p>
          This link provides a list of Registered Waste Contractors in East Sussex. Always ask if
          the contractor is registered to carry waste and ask for their waste carrier number. If
          you are in any doubt of a company's credentials, call the Environment Agency on 0870
          8506506 for an instant waste carrier validation check.
        </p><br />
        <h2>
          <a href=
          "%3CA%20href=">Wealden"&gt;http://192.168.1.52/Environment_and_Transport/Recycling/Business/index.aspx"&gt;Wealden
          District Council</a>
        </h2>
        <p>
          Can also provide a commercial waste collection service. The council can also offer
          business waste recycling collections. Materials collected commercially for recycling are
          glass, cans, newspapers and magazines. Mixed glass collections are not available so the
          material must be divided in to separate bins for green, clear and brown.
        </p><br />
        <p>
          For further information relating to commercial refuse collections from Wealden District
          Council telephone 01323 443437. For recycling collections contact 01323 443404. Email
          queries pertaining to any trade waste collection can be sent to <a href=
          "%3CA%20href=">trade.was te@wealden.gov.uk</a>
        </p>mailto:trade.waste@wealden.gov.uk"&gt;trade.waste@ wealden.gov.uk<br />
        <h2>
          Commercial Waste Transfer Stations
        </h2>
        <p>
          It is also possible to dispose of commercial rubbish at official Waste Transfer Stations.
          There is a charge to use these facilities. In addition a Waste Carriers Licence may well
          be required to transport waste to these sites. Currently a licence costs £133 for 3
          years. To register for a licence or for any queries contact the Environment Agency on
          08708 506506.
        </p><br />
        <h2>
          Waste Transfer Sites in the District
        </h2><br />
        <p>
          A M Skip and Plant Hire, Maresfield - 01825 712794
        </p><br />
        <p>
          Haulaway Skip Hire, Hailsham - 01323 441396
        </p><br />
        <p>
          MDJ Light Brothers, Lewes - 01273 476862
        </p><br />
        <p>
          MDJ Light Brothers, Heathfield - 01435 830324
        </p><br />
        <p>
          PJ Mini Skip Hire, Polegate - 01323 488888
        </p><br />
        <p>
          Sita, Westham - 01323 763875
        </p>
        <h2>
          <a href="WasteLegalisation.aspx">Legislation</a>
        </h2>
        <p>
          Links to external websites for updated advice
        </p><br />
        <h2>
          <a href="WasteInformation.aspx">Other Waste Information</a>
        </h2>
        <p>
          Further advice, training and support from external websites
        </p><br />
        <p>
          <strong>Disclaimer</strong>
        </p>
        <p>
          This information is intended to provide general guidance. It should not be regarded as an
          exhaustive definitive statement of the law.
        </p>
      </div>
    </div>
    <div id="Footer">
      <ul id="footerlist">
        <li>
          <a href="/legal_information/index.aspx">Legal Information</a>
        </li>
        <li>
          <a href="/accessibility/index.aspx">Accessibility</a>
        </li>
        <li>
          <a href="site_map/Index.aspx">Site Map</a>
        </li>
        <li>
          <a href="#">Web stats &amp; availability</a>
        </li>
      </ul>
    </div>
    <div id="update">
      Updated: 04.05.2006
    </div>
  </body>
</html>
By the way, which rich editor did you use. There are many awful coding sins in there as well as a bad lstructure.

I've removed the comment tags, but you can easily put them back.
__________________

Please login or register to view this content. Registration is FREE
- Tumblog with thoughts, quotes, links, videos, images and my creations.

Please login or register to view this content. Registration is FREE
- The best free web browser.

Please login or register to view this content. Registration is FREE
- Firefox is now Firefail.
Mooofasa is offline
Reply With Quote
View Public Profile Visit Mooofasa's homepage!
 
Old 05-26-2006, 07:46 AM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Thanks for your comments. I have been using Dreamweavers Homesite and Topstyle for the coding, if these are not suitable what would you suggest?

I have viewed the amended code in firefox and explorer but now the page displays the footer bar at the top of the page and the main content at the bottom, rather than centre?

What does this mean and do?
/*<![CDATA[*/
ul.c2 {margin-bottom: 0}
h3.c1 {margin-bottom: 0;}
/*]]>
*/

Thanks
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 11:13 AM Re: Problem in code, I am unable to solve. In need of help
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Topstyle is about the best for CSS coding. Haven't used Homesite in ages, I thought it was dead.

Those 2 lines of code are merely zeroing out bottom margin for a ul with a class of C2 and the H3 with a class of c1.

Name your classes and ID's with names that make some kind of sense as to what their function really is, don't be so cryptic.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 11:53 AM Re: Problem in code, I am unable to solve. In need of help
Average Talker

Posts: 17
Trades: 0
Hi again LadynRed, I'm still confused as to why, now that Twitch has cleaned up and added the data code why the page still isn't displaying properly! I have copied the CSS into Topstyle and the HTML into Homesite.

Is it because I have placed the /*<![CDATA[*/
ul.c2 {margin-bottom: 0}
h3.c1 {margin-bottom: 0;}
/*]]>
*/
into the HTML before </head>, but now the footer is at the top of the page and the content still not in the middle.
Where as my previous post had the the content in the middle but spreading into the blank spaces where the left and right navigations finishie: under the graphics and left hand list ?
pernes is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 01:13 PM Re: Problem in code, I am unable to solve. In need of help
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Ok.. 2 things I see:
Get rid of the xml declaration that is above the DOCTYPE line. It's unnecessary and it throws IE into quirks mode. ANYTHING above the DOCTYPE line will throw IE into quirks mode.

You don't need the CDATA, just put those 2 styles in your stylesheet and it should be fine.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Problem in code, I am unable to solve. In need of help

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.71841 seconds with 12 queries