Adding a form to my menu

What happens when you paste that code straight into index.php in the correct place ?

Podz,

It works fine. The form displays perfectly.

However the code won’t validate.

So I have to add something to the form code to make it XHTML valid.

Any ideas?

Ah…in that case have you a url ?
It’s always easier to see what the validator says when it sees the whole page rather than just looking at a small section of code.

Podz,

Here is my blog url:

https://www.freeclassifiedlinks.com/wordpress/index.php

I am getting everything to validate, however I cant put a space between the form and my next menu item “Categories”

I can’t use the pargraph tag.

When I try to use that tag the code won’t validate

Here is my code:
<div id=”menu”>

• <?php _e(‘Subscribe’); ?><form action=”https://www.getresponse.com/cgi-bin/add.cgi&#8221; method=”post” id=”GRSubscribeForm”>
  <table><tr>
  <td><label for=”GRCategory2″>Name</label>:</td>
  <td><input type=”text” name=”category2″ size=”14″ id=”GRCategory2″ /></td>
  </tr><tr>
  <td><label for=”GRCategory3″>E-Mail</label>:</td>
  <td><input type=”text” name=”category3″ size=”14″ id=”GRCategory3″ /></td>
  </tr></table>
  <input type=”submit” value=”Subscribe Now!” />
  <input type=”hidden” name=”category1″ value=”elinks” />
  <input type=”hidden” name=”confirmation” value=”https://www.freeclassifiedlinks.com/elinkson.html&#8221; />
  <input type=”hidden” name=”error_page” value=”” />
  <input type=”hidden” name=”misc” value=”” />
  <input type=”hidden” name=”ref” value=”001″ />
  </form>

`
Where do I put the paragraph tag?

Don’t use a p tag.

Try something like this:
#menu li#category {
padding-top:20px;
}

It’s late so my head is tad fuzzy, but look at how to put padding above category rather than the other way around.

I get the jist of what you mean, but the exact coding I can’t seem to get right.

Everytime I think I have it, and it looks good in my browsers, it won’t validate. So obviously I am doing something stupid.

If you look at my menu on the left, I just want a gap between the top of the menu and where I have the text, ‘subscribe’

Then after the form I want another space.

This way it doesn’t look all crowded in.

Again, I know I have to usee CSS code to create these two spaces, but I can’t seem to get the exact coding.

What would the coding be?

Ok from doing a ton of research on CSS, I was able to find that I need to create a separate css class of list items (<LI> tags) and give that class some top-padding.

Can anyone explain how to write out the CSS code I need to accomplish this?

Before digging that far, is this any help ?
#menu ul li {
margin-top:20px;
}
#menu ul li ul li {
margin-top:2px;
}

First part gives a margin to the headings, the second reduces the margin for what’s under the headings. Adjust to play with..

Podz,

That worked, thx bro