I would like to know how to change the position of the source code without changing the content of the page. So for example the first paragraph in the source would appear further down on the visible page.
I don't know exactly how to use div. What I would like to do is to have the code for the rectangular block of ads on http://information-4u.com/accounting/index.html to appear before the ads under the banner, without changing the appearance. I am guessing that I would need to put the code for the rectangular ads somewhere at the top of the source page, and then write something where the code is now, so that it doesn't appear at the top of the page. I am sure it is easy if you know what you are doing. I would appreciate it if someone would help me.
Maybe you need to learn something about using css. Check out sites like: http://www.cssplay.co.uk/ http://www.csstutorial.net/ http://www.echoecho.com/css.htm or find similar ones via Google. CSS is so powerful that by using this you could do much more than you can ever imagine.
Okay, first thing first, you're using a table-based layout which is locking your site's structure into a particular design which will make it difficult, if not outright impossible, to redesign without scrapping the code and switching to a semantic markup structure. Second, those ads are being served by JavaScript, so you'll need a container to reference them via your stylesheet if you're going to have any chance of rearranging them in the manner you envision. To make a long story short, it's not possible with your current document structure.
I think I have fixed the problem. As I am not an expert I used my own logic. I wrote a position absolute and then moved the text it was covering by inserting lots of breaks. Please let me know what you think. Will it work?
I think, you want to use <div> and then position the paragraphs. well, i am not expert in CSS.. just try this..