Member Avatar for leegeorg07

first i want to say hi, i have just been learning html and css and so i have been making a website for my air cadet group, but when i validate this 1 page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;
      charset=utf-8" />
    <title>About us</title>
    <style type="text/css">
      h1{
        font-family: "comic sans MS", TSCu_Comic, sans-serif;
        color:#F3D299;
        text-align:center;
        }
      body{
        background-color: #6B3DC4;
          }
      p{
        color:#F3D299;
        font-family: "comic sans MS", TSCu_Comic, sans-serif;
        text-align: center;
        font-size: 13.5pt;
       }
      a{
        color: #F3D299;
        text-align:center;
        font-family:"comic sans MS", TSCu_Comic, sans-serif;
        font-size: 10pt;
       }
      #fun{
        font-size: 20pt;
          }
      .links{
        font-size: 20pt;
      }
    </style>
  </head>
  <body>
    <h1>What we're about!</h1>
    <p>
      Are you up for fun, adventure, incredible experiences
      and making new friends? Are you looking for
      something to give you the edge in life?
      Then welcome to the Air Cadet Organisation (ACO).
      Better known as the 'Air Cadets', we’re a UK-wide cadet
      force with more than 40,000 members aged between 13 and 20 years.
      We're sponsored by the Royal Air Force and can give
      you hands-on experience of activities and courses that will challenge and develop your skills
      to help you succeed in whatever you want to do. The ACO is made
      up of two areas:
    </p>
      
    <p>Air Training Corps - The ATC is the RAF's cadet force,
      divided into six regions, 36 wings and more than 900 squadrons within
      communities around the UK
      Combined Cadet Force (RAF) - The CCF (RAF) is our section of the CCF
      which is made up of cadets from all three services, coming together
      in approximately 200 independent and state schools across the country
    </p>

    <p>Our aims are to:
      
      <ul>
        <li>Promote and encourage a practical interest in aviation and the Royal Air Force among young people</li>
        <li>Provide training which will be useful in the Services and civilian life</li>
        <li>Encourage the spirit of adventure and develop qualities of leadership and good citizenship</li>
      </ul>
    </p>
    <p id="fun">
      And there's one more important thing - it's a lot of fun!
    </p>
    <p id="links">
      |<a href="index.html" class="links">Home.</a>|
      <a href="gallery.html" class="links">Our gallery.</a>|
      <a href="join.html" class="links">Join us.</a>|
      <a href="problems.html" class="links">Problems?</a>|
    </p>
    <p>
      <a href="http://www.raf.mod.uk/aircadets/whoweare/">Taken from the new atc website</a>
    </p>
   </body>
</html>

and run it though the w3 validator, it raises this error:
Line 62, Column 10: document type does not allow element "ul" here; missing one of "object", "ins", "del", "map", "button" start-tag
<ul>
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you now need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

how can i fix this please?

hi,
i have a solution about your problem...
please dont' use ul in p tag, put it seperate outside the p tag, it'll be fine :)

your code is like...

<p>Our aims are to: <ul> <li>Promote and encourage a practical interest in aviation and the Royal Air Force among young people</li> <li>Provide training which will be useful in the Services and civilian life</li> <li>Encourage the spirit of adventure and develop qualities of leadership and good citizenship</li> </ul> </p>

just remore the p tag from outside the ul tag

Regards,
naseebfatima

Member Avatar for leegeorg07

oh right, i thought that wouldnt validate, but ill try it and report back if it doesnt work

Member Avatar for leegeorg07

that worked great! thanks, i can now publish the basic version

just wondering as a side point, do you know any free servers that can handle php?

dont just remove the <P></p>
replace it with a <div></div>

<div>Our aims are to: 
 <ul>
 <li>Promote and encourage a practical interest in aviation and the Royal Air Force among young people</li>
 <li>Provide training which will be useful in the Services and civilian life</li>
 <li>Encourage the spirit of adventure and develop qualities of leadership and good citizenship</li>
 </ul>
 </div>

keeps your document well formed
http://www.free-webhosts.com/free-php-webhosting.php

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.