Webpage coding help needed

[Gothicina]

Your widths don't add up, they need to be a total of 100%

so you need 40% for the first column, 2% for the second
& 58% for the third.

[astral276]

How you getting on?

[Gothicina]

This will do what you want I think.

Must admit, I only really tidied the code for the first column, & did enough on the third to get it through the downloadable validator.

Still sticks a little on the WC3 one, but in the main they are missing alt tags. I don't think the WC3 one will ever be happy using hr the way you have.

<div align="center">

  

  <table border="0" width="85%" cellspacing="0" cellpadding="0" bgcolor="#66FFFF">
    <tr>
      <td width="100%"><img src="http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/NCClogo.gif"><font face="Arial" size="4"><b></b></font></td>
    </tr>
	
  </table>
  
 
  <hr size="6" width="85%" color="#3366FF">
  <table border="0" width="85%" cellspacing="0" cellpadding="10" bgcolor="#66FFFF">  
<tr>
      <td width="100%"><p align="center"><font face="Arial" size="2">A place for people who live in Northamptonshire (Northants) to discuss the county's issues</font></p></td>
    </tr>
  </table>
<hr size="6" width="85%" color="#3366FF">

<a href="http://northantscommunitycafe.myfanforum.org">
<img border="0" id='button873' width="105" height="35" 
src="http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button91610780.gif"
onmouseover = 'document.getElementById("button873").src = "http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button79110069.gif"'
onmouseout =  'document.getElementById("button873").src = "http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button91610780.gif"'></a>
<a href="mailto:bluebedouin@ntlworld.com">
<img border="0" id='button265' width="105" height="35" 
src="http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button74564825.gif"
onmouseover = 'document.getElementById("button265").src = "http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button87521241.gif"'
onmouseout =  'document.getElementById("button265").src = "http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button74564825.gif"'></a>

  <table border="0" width="85%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="40%" bgcolor="#3366FF"><b><font face="Arial" color="#3366ff" size="2">NCC</font></b></td>
      <td width="2%">&nbsp;</td>
      <td width="58%" bgcolor="#3366FF"><b><font face="Arial" color="#3366FF" size="2">NCC</font></b></td>
    </tr>
  </table>

  <table border="0" width="85%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="40%" valign="top" >
       <table align="center" border="0" width="100%" bgcolor="#66FFFF">
	   <tr><td>
<p><font face="Arial" size="3">&nbsp;<br>
<a href="http://www.wnaa.co.uk/" target="_blank"><img src="http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/wnaa1.gif" border="0" alt="Air ambulance"></a>

<u>No Government or National 
Lottery Funding!</u><br><br>

"WNAA is a registered charity 
and relies totally on public donations, 
fundraising activities and sponsorship.<br><br>

It provides a HEMS (Helicopter 
Emergency Medical Service)
 to the counties of Warwickshire,
 Northamptonshire and the 
Milton Keynes area." </font></p>
  </td>
          </tr></table>
       
 <table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>

            <td width="100%"><font size="3">&nbsp;</font></td>

          </tr>
</table>
 
 <table border="0" width="100%" bgcolor="#3366FF" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%"><b><font face="Arial" color="#3366FF" size="2">NCC</font></b></td>
          </tr>
        </table>
        <table border="0" width="100%" bgcolor="#66FFFF" cellspacing="0" cellpadding="0">

          <tr>
            <td width="100%">
            <font face="Arial" size="3">
              <br>
<a href="http://www.servobn.org.uk" target="_blank"><img src="http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/serv3.gif" border="0" alt="Bloodrunners"></a>
<p align="center" ><u>Emergency Blood Transport</u></p> 

"We are a charitable organisation
 that delivers blood products to the
 emergency and accident hospitals 
across Southern England
 at night free of charge 
whenever and wherever
 it's urgently needed." <br>              
&nbsp;</font>&nbsp; </td>

          </tr>
        </table>

      </td>
      <td width="2%">&nbsp;</td>
      <td width="58%" bgcolor="#66FFFF" valign="top">
        <table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%"><font size="2">&nbsp;</font></td>

          </tr>
        </table>
       

          
          <table border="0" align="center" width="96%" bgcolor="#66FFFF" cellspacing="0" cellpadding="0">
            <tr>
              <td width="100%" valign="top">
               
                <p><font face="Arial" size="4">Welcome to our site,or should I say - your site. If you live in,or have an interest in,Northamptonshire then this is the place for you. If you would like to chat on the message board click the Forum tab. If you want to advertise on this page please use the Contact tab above. </font></p>
 <p align="center">&nbsp; <br>

                <img border="0" src="http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/roseoftheshire.gif" width="320" height="307"></p> <p align="center" ><u>Rose of The Shire</u></p>
 
<p align="center"><a href="http://uk.ebid.net/stores/GRALINS-EMPORIUM-AND-JUNK-SHOP" target="_blank"><img src="http://i77.photobucket.com/albums/j54/bluebedouin/eBid1/Newshopfront.jpg" border="0" alt="eBid.net"></a>
</p> </td>

            </tr>
          </table>
        
       

        <table border="0" width="100%" cellspacing="0" cellpadding="0">
          <tr>

          </tr>
        </table>

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

 
</div>
<p align="center">Buttons created at <a href="http://www.grsites.com">grsites.com</a></p>

<p align="center"><font face="Arial" size="2">© Bluebedouin 2010</font></p>

[bluebedouin]

This will do what you want I think.

Must admit, I only really tidied the code for the first column, & did enough on the third to get it through the downloadable validator.

Thanks for that Gothicina,it behaves a lot better than my version!

Still sticks a little on the WC3 one, but in the main they are missing alt tags.

I've now added the alt tags.

I don't think the WC3 one will ever be happy using hr the way you have.

But it looks so much better with the curved edges rather than straight!

How you getting on?

I'm happy with the result now,unfortunately there's a problem with the server so doesn't display the page!

[astral276]

My effort. Passes HTML validation and CSS checking.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>A place for people who live in N</title>
</head>

<body style="min-width:750px; background-color:#66FFFF; font-family:arial, helvetica, sans-serif; font-size:1em;">

<!-- banner -->
<div id="banner" style="margin-left:8%;">
     <table style="width:100%; background-color:#66FFFF; text-align:left;">
          <tr>
               <td style="width:100%;"><img alt="" src="NCClogo.gif"> </td>
          </tr>
     </table>
</div>

<!-- intro -->
<div id="intro" style="text-align:center;">
     <hr style="height:6px; width:85%; background-color:#3366FF;">
     <span>A place for people who live in Northamptonshire (Northants) to discuss the county's issues</span>
     <hr style="height:6px; width:85%; background-color:#3366FF;">
</div>

<!-- buttons -->
<div id="buttons" style="text-align:center;">
     <a href="http://northantscommunitycafe.myfanforum.org">
     <img id="button873" alt="" style="border:0; width:105px; height:35px;" src="button91610780.gif" onmouseover="document.getElementById(&quot;button873&quot;).src = &quot;http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button79110069.gif&quot;" onmouseout="document.getElementById(&quot;button873&quot;).src = &quot;http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button91610780.gif&quot;"></a>
     <a href="mailto:bluebedouin@ntlworld.com">
     <img id="button265" alt="" style="border:0; width:105px; height:35px" src="button74564825.gif" onmouseover="document.getElementById(&quot;button265&quot;).src = &quot;http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button87521241.gif&quot;" onmouseout="document.getElementById(&quot;button265&quot;).src = &quot;http://i77.photobucket.com/albums/j54/bluebedouin/NCC%20Forum/button74564825.gif&quot;">
     </a>
</div>

<!-- content -->
<table id="content" style="width:85%; border-collapse: collapse;  margin-left:auto; margin-right:auto; border:0;">
     <tr>
          <td style="width:49%; height:10px; background-color:#3366FF;">&nbsp;</td>
          <td style="width:2%; height:10px"></td>
          <td style="width:49%; height:10px; background-color:#3366FF;"></td>
     </tr>
     <tr>
          <td style="width:564px; vertical-align:top; padding:10px 10px 10px 10px;">
          <div id="wrapper">
               <div id="wnnapic">
                    <br>
                    <a href="http://www.wnaa.co.uk/" target="_blank">
                    <img style="border:0; display:block; margin-left:auto; margin-right:auto; " src="wnaa1.gif" alt="Air ambulance"></a>
               </div>
               <div id="wnaatittle" style="font-size:1.2em; font-weight:bold; text-align:center;text-decoration:underline">
                    <br>
                    No Government or National Lottery Funding!
               </div>
               <br>
               <br>
               <div id="wnnatext" style="font-size:12pt; text-align:justify; ">
                    &quot;WNAA is a registered charity and relies totally on public donations, 
                    fundraising activities and sponsorship. It provides a HEMS (Helicopter 
                    Emergency Medical Service) to the counties of Warwickshire, 
                    Northamptonshire and the Milton Keynes area.&quot;
               </div>
          </div>
          </td>
          <td style="width:2%; height:452px;"></td>
          <td style="height:452px; padding:10px 10px 10px 10px;"><br>
          <div id="welcome" style="text-align:justify;">
               Welcome to our site, or should I say - your site. If you live in, 
               or have an interest in, Northamptonshire then this is the place for 
               you. If you would like to chat on the message board click the Forum 
               tab. If you want to advertise on this page please use the Contact 
               tab above.
          </div>
          <br>
          <div id="rose" style="text-align:center; display:block; margin-left:auto; margin-right:auto; border:0;">
               <img alt="" src="roseoftheshire.gif" style="width:320px; height:307px;">
               <br>
               <br>
               <span style="text-decoration:underline;">Rose of the Shire</span>
               <br>
               <br>
          </div>
          </td>
     </tr>
     <tr>
          <!-- divider -->
          <td style="width:564px; background-color:#3366FF; text-align:center;">NCC</td>
          <td style="width:2%;"></td>
          <td style="width:564px; background-color:#3366FF;"></td>
     </tr>
     <tr style="text-align:center;">
          <td style="width:564px; padding:10px 10px 10px 10px;"><br>
          <a href="http://www.servobn.org.uk" target="_blank">
          <img src="serv3.gif" border="0" alt="Bloodrunners"></a><br>
          <span style="font-size:1.2em; font-weight:bold; text-decoration:underline;">Emergency Blood Transport</span> <br>
          <br>
          <span style="font-size:12pt">&quot;We are a charitable organisation that delivers 
              blood products to the emergency and accident hospitals across Southern 
              England at night free of charge whenever and wherever it's urgently needed.&quot;
          </span></td>
          <td style="width:2%;"></td>
          <td style="padding:10px 10px 10px 10px;">
          <a href="http://uk.ebid.net/stores/GRALINS-EMPORIUM-AND-JUNK-SHOP" target="_blank">
          <img src="Newshopfront.jpg" border="0" alt="eBid.net"></a>
          </td>
     </tr>
</table>

<!-- footer -->
<div id="footer" style="text-align:center;">
     <br>
     <span style="font-size:0.8em">Buttons created at
     <a href="http://www.grsites.com">grsites.com</a></span> <br>
     <span style="font-size:0.6em;">© Bluebedouin 2010</span>
</div>

</body>

</html>

[bluebedouin]

Thanks Mel,you're a star.Well,you both are.
Just got to wait for the server to sort itself out now.

[astral276]

Just edited mine as it doesn't seem to work the same in IE as it does in FF. Not sure if I have fixed it though.

[astral276]

Fixed a couple of your images so that they match your background colour. At http://homepage.ntlworld.com/astral....new_images.zip if you want them.

[bluebedouin]

Fixed a couple of your images so that they match your background colour. ...

Thanks Mel,have downloaded them

.....there's a problem with the server so doesn't display the page!

The "problem" was the wording of the Air ambulance link.It said "No Government or National lottery funding."Apparently because of abuse on free hosting accounts their software picks up the words "National Lottery" & shuts the site down!

[bluebedouin]

My effort. Passes HTML validation and CSS checking.
....

I haven't tried this yet Mel.I haven't uploaded the pictures to the ftp manager yet so still using the photobucket links.I wanted to get the domain link working as soon as possible.