Mr Buckets

Thanks so much for that Wickham. I think that I was a bit stupid not to mention that the text may be multiple lines, the full page is here http://www.graemew.co.uk/equipment.html the text is dynamic, changing with button presses. Implementing the fix you suggested makes all text begin in the middle of the text field area , however many lines it is.. Sorry!

How do I vertically centre this text: http://www.graemew.co.uk/txtbox.html 8px; top: 49px; width: 24px; height: 24px; z-index: 1"><img src="images/BBTL.gif" alt="BBTL" width="24" height="24"></div> <div id="apDiv2" style="position: absolute; left: 92px; top: 49px; width: 811px; height: 24px; z-index: 2"><img src="images/BBT.gif" alt="BBT" width="811" height="24"></div> <div id="apDiv3" style="position: absolute; left: 903px; top: 49px; width: 24px; height: 24px; z-index: 3"><img src="images/BBTR.gif" alt="BBTR" width="24" height="24"></div> <div id="apDiv4" style="position: absolute; left: 68px; top: 73px; width: 24px; height: 149px; z-index: 4"><img src="images/BBL.gif" alt="BBL" width="24" height="149"></div> <div id="apDiv5" style="position: absolute; left: 92px; top: 73px; width: 811px; height: 149px; z-index: 5; background: #FCF8F3; vertical-align: middle; "> <div id="caption" class="APDIV5" style="vertical-align:middle"></div> How do I vertically centre this text? </div> <div id="apDiv6" style="position: absolute; left: 903px; top: 73px; width: 24px; height: 149px; z-index: 6"><img src="images/BBR.gif" alt="BBR" width="24" height="149"></div> <div id="apDiv7" style="position: absolute; left: 68px; top: 222px; width: 24px; height: 24px; z-index: 7"><img src="images/BBBL.gif" alt="BBBL" width="24" height="24"></div> <div id="apDiv8" style="position: absolute; left: 92px; top: 222px; width: 811px; height: 24px; z-index: 8"><img src="images/BBB.gif" alt="BBB" width="811" height="24"></div> <div id="apDiv9" style="position: absolute; left: 903px; top: 222px; width: 24px; height: 24px; z-index: 9"><img src="images/BBBR.gif" alt="BBBR" width="24" height="24"></div> Thanks!

I tried everything I could find on the internet but I still can't get the dynamic text at the bottom of the page to vertically centre. http://graemew.co.uk/msite/equipment.html Here is the bit of code; <div id="apDiv5" style="position: absolute; left: 392px; top: 673px; width: 811px; height: 149px; z-index: 5; background: #FCF8F3; vertical-align: middle; "> <div id="caption" class="APDIV5" style="vertical-align:middle"></div> </div>

I've fixed that problem. It was removing a <p> tag. I don't even know what one of those is so I shall go and look it up right away. Now I just have to make the dynamic text appear further up that bounding box, I'm sure it won't be much of a problem..

Thanks so much for that. I have made the change. It now displays properly in Dreamweaver (before that particular table was hidden under the main title gif) but it still displays exactly the same way in a browser. Unfortunately, my two problems still persist.

Hello all, I am useless at making web pages.. I know a bit about tables and I started making a site in tables before converting it to AP divs. I understand that AP divs aren't ideal (as opposed to un-absolutely positioned ones) and I'll have to wrap the whole thing in a table (or a div) in the end (I had tried to build a page from scratch with divs and CSS but it was confusing me a bit so I gave up.) Anyway, here is a page that I am having a tiny bit of trouble with. http://graemew.co.uk/msite/equipment.html Two things are giving me a headache. The first is the 'equipment' gif at the top of the equipment list. It displays fine with IE but, with Firefox, at least on my machine, it is about 25 pixels lower than it ought to be. I could raise it by the right number of pixels and it would display okish in IE (a little wonky) and correctly in Firefox but it's not such an elegant solution. Anyone know why this might happen? The second thing is the text that's displayed when the buttons are clicked. The text is displayed in this table: <p id="apDiv5"> </p> <table width="700" height="81" border="0" id="textb"> <tr> <div id="caption" class="APDIV5"> </div> </div> </tr> </table> It's the only bit of code that isn't a AP div. Should it be one? How do I turn it into one if so? Should I post my code here or is it enough to 'view source' in the browser? By the way, the text is all place holder - it's mostly nonsense! Thank you in advance!

oh, I forgot to mention, I found this http://www.phpjunkyard.com/php-message-board.php which I'll use if no-one has any better suggestions...

Hello all I want to install a message board on a site that I'm designing but I want it to be really, really simple. This is what I am after: http://www.radiohead.com/msgboard/ Does anyone know of anything that I could download and adapt out there? I know my way around PHP reasonably well so I won't have too much trouble adapting something. Many thank in advance!