If anyone here can help this beginner with his alignment issue I'll be forever grateful!

 

This seems a little similar to Lee W's recent post but I've started a new thread so as not to cause his thread to perhaps go off in a different direction.

 

Basically I have 2 columns in Dreamweaver. The left column has a heading, and the right column contains a paragraph of text relating to the heading.

 

I want the paragraph to line up exactly horizontally with the heading, but have been having a nightmare.

 

I've tried using Top Margin and Top Padding pixels in CSS to 'push down' each part of the text bit by bit - I keep checking the results on Safari and Firefox. At times they seem aligned in the browser but in Dreamweaver they aren't even close.

 

The CSS Position stuff doesn't really seem to affect the position at all - not sure what these are for though to be honest.

 

I've tried nested tables to contain the heading and text individually but these just go out of alignment.

 

I'm working in Design View as haven't really any Coding experience. I tried putting the DOCTYPE paragraph into my CSS code as per Lee W's issue but it made no difference for me in the browsers.

 

Any tips would be really appreciated.

 

All the best

 

I'm on Dreamweaver 8 by the way on a Mac with Safari and Firefox

Hi,

 

It's not going to help you in the short term I'm afraid, but it will pay off for you in the long run....

 

• Learn to code by hand, as the code generated by GUI tools will never be as good. There are lots of excellent books and tutorials, and things will be a lot easier for you if you know the underlying workings of a website.
  
• Avoid using tables for page layout, and learn to do it using divisions and CSS. You will end up with a much more efficient, maintainable, valid and search engine friendly site.
  
• If you're dead-set on using Dreamweaver, upgrade from the version you're using, which must be pretty old by now. The later versions will at least create a division based layout, even if the code could be better.
  

Don't worry too much what the page looks like in Dreamweaver. Just make sure it looks right in the most popular browsers. Dreamweavers design view very rarely displays pages right.

 

IanC's right you should really ditch the tables.

Don't worry too much what the page looks like in Dreamweaver. Just make sure it looks right in the most popular browsers. Dreamweavers design view very rarely displays pages right.

 

IanC's right you should really ditch the tables.

 

Thanks for the advice IanC and Danny much appreciated - back to the drawingboard it looks like! Must get the new Dreamweaver for starters!