The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

There are at least two common methods:
1.) If you place <BR> tags into the style definition that has font-size property defined you will see that BR changes its height...
example:
TEXT1<font style="font-size: 6px"><br></font>TEXT2<font style="font-size: 6px"><br></font>TEXT3

2.) Another common option that works in all browsers is to create spacer pictures 1x1 px and place them specifying the needed height:

ok, why not use divs (which are block level elements) instead of spans (which are inline elements) ? then, you can define margin-top and margin-bottom quite nicely, and get the spacing you want without the need for either <br /> or the kludge with spacer images suggested above...

ok, why not use divs (which are block level elements) instead of spans (which are inline elements) ? then, you can define margin-top and margin-bottom quite nicely, and get the spacing you want without the need for either <br /> or the kludge with spacer images suggested above...

In regard to the issue of margin spacing for <div> tags, could the following code work?

You seem to have a number of errors in your code. You have the a tag in the middle of the img tag. I'm assuming you just copied that incorrectly. Also you haver used id on more than one element. Although some browers will let you do this it is not correct and will cause errors where specific elements need to be addressed. An Id must be unique to the element and can only be used once on your page.

Regarding your form layout here is one way to lay it out without using <br> tags everywhere.

Hi sorry about that I only tested it in Ie6 and it worked fine in that. However I can see that mozilla doesn't like it. (The problem is with the absolutely positioned elements not taking up any space so following content does not automatically clear the elements.)

What I usually do for forms to make life easier is to put the text fields first and then the labels after. This way the text boxes and input buttons etc all get aligned to the left automatically and it looks far neater and is simpler to code.

If you must have it as you have described above then you will probably need to absolutely position everything exactly in place which will get the desired effect.

Otherwise you could try the sitepoint method in the link I posted above which would look like this.