Frank P

I need the whole code, from <doctype> to </html> (stripped of all irrelevant matters, and in one code block -- click the # button above the form).

Probably has to do with CSS filters or hacks. Code?

That is no way to ask for help. First of all, there is no reporting back on how the previous advice worked out. Secondly, you're posting a humongous code, loaded with all kinds of irrelevant stuff - about 80% of it is. Thirdly, I asked you to post the code in one code block. And finally, your code contains all kinds of URLs that code editors choke on in the preview mode.

Online link? I would like to see if you uploaded the font, and to the right folder. Note that not all FTP functions in editors can upload font files. I had to revert to a stand-alone FTP program to get 'em up there.

] No, that makes little difference. And I don't wanna be an a......le, but your rebuttal question makes clear that your understanding of CSS hasn't improved much since yesterday. I would really urge you to do the step-by-step W3 Schools course, lest you will run into much, much more trouble.

There is no margin declared for div#image: <br/> <br/> <br/> <br/> <br/> <br/> <div id="image"> <img src="images/test.jpg" style="width: 360px;"/> </div> (...) #image { float: left; } Also, you have a very illogical and redundant way of giving elements IDs, and you're using way too much divs. You'd better do a good - and free - course in CSS before you continue: http://w3schools.com (step-by-step) or http://htmldog.com (crash course).

Remove the float:left for the <ul> and the <a href>, because they don't do anything but get you into trouble. The display:inline for the <li> is enough to line up the menu items horizontally. Unless that cures it, post the whole relevant code, in one code block, from <!doctype...> to </html>, because your code is not enough.

For some strange reason the Modify button has become unavailable in a matter of minutes rather than hours, so I have to do this in a new post. I had a look at your CSS in the meantime, but that is really strange as well, perhaps as a result of the strange HTML. I would really urge you to read my tut, because the code can be much, much simpler. To set you up, here's the correct HTML list code for such a menu (= universal code): <div id="navDiv"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Unit Converters</a> <ul> <li><a href="#">Length</a></li> <li><a href="#">Weight</a></li> <li><a href="#">Volume</a></li> </ul> </li> <li><a href="#">Calculators</a> <ul> <li><a href="#">Age Calculator</a></li> </ul> </li> <li><a href="#">Send Equation</a></li> <li><a href="#">FAQs</a></li> <li><a href="#">Contact Us</a></li> </ul> </div>

I haven't looked at the CSS yet, because you did something really weird with the HTML list. That's not the way to do it. Here is how to do it: Create a Drop-down/Fly-out Menu with CSS. I don't wanna claim that my tutorial is better (I will leave that judgment up to others), but I only offer forum support for that tut. And it offers the shortest and most simple code that I've seen so far, that's a simple fact. You should have it up and running in 10 to 20 minutes.

Another thing that could improve is the period during which one can edit one's message. I would suggest to extend that until the moment that the next message has been posted in the thread. For example, I would like to remove the exclamation marks in my previous post, but that is no longer possible.

You're welcome. You wrote: "Currently there are a few devs working on upgrading the forums to a newer version." Regarding the threads/messages themselves, things could indeed improve (line length limited to some 50 characters including spaces, 'Last edited' line less prominent, signature only if box ticked). However, what you should never change, is the page layout of the threads overview pages. Apart from maybe the line length on really wide screens (> 1280), you now have the best overview page layout/user friendliness of all forums that I know!! And please believe me when I say that I know a *lot* of forums, always on the look for the ultimate. Which, regarding those pages I have found here in PHP Freaks! Not every upgrade is an improvement!

You're right concerning the latter, but people would read stickies before guidelines on another page. Especially if the guidelines are four times as long and are linked to from somewhere at the top of the page, in a row of other links. As an alternative for the sticky above the thread listing, you could put this line directly above the message entry form: If you are new here or haven't read the most important etiquette rules lately, please do so before posting. If you would deem it necessary, in bold print. Again: this is not about me. I don't care if my name goes under it or not. I will be just as happy if you would put 'The moderators' or 'The management' under it. I will rest my case now.

Hey Thorpe, Thanks for the reply, also in the other thread. You wrote: "If you would like to make suggestions on the guidelines I'm all ears." Well, they are way, and I mean *way* too long for them to be read by the average thread starter before posting. (I even wonder whether my proposed message would be short enough.) That's why I thought it was a good idea to put the essential matters in a sticky with the title READ BEFORE POSTING. I've seen that make a dramatic difference. What we could do is refer to the guidelines for further information. They would then have to be rewritten so that they contain further information if necessary, and (only) contain those further instructions that are not often ignored or that do not matter that much.

I think it would be a good idea to have the ability to withhold one's signature from certain messages. It would improve the readability of threads. A condition to make this work would be to put the checkbox prominently in sight, e.g. right above the message entry form (also above the Quick Reply form). Even better, the signature could be withheld by default, and only put under a message if the author ticks the checkbox, which could then be placed under the form.

I would also like to know if the management/owner thinks it is not a good idea. But I would like a reply from them.

Hello NLT, In that short code snippet you're already making three mistakes. Four if I would count the probably missing doctype as well. I would advise you to start with a decent beginners course in HTML and CSS, which can be done for free at http://w3schools.com (more of a step-by-step course, but they cover just about everything) or http://htmldog.com (more of a limited crash course). Let us know how this works out please.

Margin:auto doesn't work on inline elements such as images. In stead, you could use text-align:center, declared for the parent element. For more information, see How to Center in CSS.

Risky business. Half pixels are not valid values. You're running the risk that some browsers don't render it at all, despite the fact that there are also browsers that forgive the error by ignoring the .5.

Thank you. That's (another reason) why I didn't give a concrete advice - you must have had a reason why you gave it a position:absolute.

Those two don't go together: margin:auto and position:absolute. See here for (cross-browser) centering methods: How to Center in CSS.

Filter gradients do. But I wonder whether the variables $color-1 and -2 were rendered as hexa numbers.

No, because that will not be rendered at all, and you will end up with a margin of 0, with all due consequences. Just accept one pixel off perfect centering. Nobody will notice, as long as there is a perfect vertical alignment.

That's no problem. As long as the left margin is minus half the width. The trick is that with position: absolute plus left:50% the element is put at the right-hand side of the middle of the screen. To get it centered, move it back to the left with margin-left:-(half the element's width).

Close, really close... Just add this: #centeredcontent { width: 400px; height: 200px; background: yellow; }

I'm afraid you're looking at an entire re-do of your layout. I tried with absolute, fixed and relative positioning, but that all had serious side effects or it didn't work.