Search options (Page 12 of 119)

Is there are referrer check here somewhere that gets screwed by the ebay stuff?

You can set the top position of a background image in pixels or percent e.g. if you set the top position as 10px then it will start 10px from the top of the containing box. Take a look here
http://www.w3schools.com/css/pr_background-position.asp

But it does concern me and Sirena was right. Topic edited.

You actually provided the solution yourself. You just copy what they did on the example site you linked to. Float the banner right, give it position: relative and then nudge it into position with a negative top margin.

Tricky. You could try .postmsg img {float:left, position:relative; right: 16px; margin-left: -16px} but I suspect it won't work very well. You would also have to reverse it for non smilie images in posts.

No there isn't. All that is necessary is that you comply with the GPL licence.

1. Because I don't agree with Hickson.

2. So future versions can be made fully vailid (e.g. replace offending entity references with numeric references) and served as application/xhtml+xml with the addition of a very simple content negotiation script for IE. If it was written in html anybody who actually had a need for xml would be screwed.

3. I find it easier to use xhtml particularly when it comes to error checking. The xml error messages in Opera are very good, much more helpful than the validator so serving the page as application/xhtml+xml is a good way of debugging. You find all sorts of little errors which the validator doesn't show.

And before anybody asks, yes, 1.3 does have a supported content negotiation extension.

Personally I hope the future is xml/xslt, that would remove most of the processing needed for conditional formatting from php or whatever language you are using and make a much cleaner seperation between the backend and frontend of an applicaiton.

Its there for a reason. An inline image is treated the same as inline text. The line box which is automatically generated to hold inline text has to allow for descenders in lower case text which fall beneath the baseline e.g. "j" and "g". When the image is rendered its bottom edge sits on the baseline that lowercase text without descenders would occupy so you see a gap below it. I'm told you can also fix it with {vertical-align: sub} for Firefox etc and {vertical-align:bottom} for IE if you need to display the img inline. I'm not sure but I suspect the reason the problem doesn't occur in IE is that it incorrectly treats the bottom edge of the descender as the baseline.

It isn't just images where this is relevant either. The other place you can run into similar problems is when trying to properly align form controls.

It should work fine provided you are using the stylesheets which came with the latest version of PunBB which contain the IE7 fixes.

Considered by whom? Certainly not by me and not by anybody else I can think of. Now there may be a case for prefixing classes with the tag from a point of view of making the stylesheets easier to follow but thats a different point alltogether.

Because content occupies the height of an element excluding padding but backgrounds also occupy the padding area. If you set the height to 0 and just have top padding equivelant to the height of the background image then the image is visible becuase it occupies the padding but the text is hidden. Its a technique used to make graphic links and banners accessible. Visually you get the graphic but somebody using a screen reader or viewing an unstyled page gets the text. Its also good for SEF because you have a real link not just an image. In PunBB's case the best way to do a banner would actually be to use the H1 and hide the text using this technique. That way the H1 is still there in the markup, you just can't see it. There are other ways to do it of course, you can put the content in a span and shift it off screen but this method doesn't involve any extra markup.

The best way to do it is to get rid of the <img /> from your markup and then set a background image to the <a> tag in the stylesheets. That way you can use a different background image for each style without touching the code at all.

First I would add an ID to link something like <a id="mybanner"
I would then add a text link to the existing <a> tag to say something like "fourthSTREET Homepage" and then style the <a> something like this 

a#mybanner {
  display:block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-decoration: none;
  padding-top: 140px;
  background-image: url(whatever);
  background-repeat: no-repeat;
  background-position: top center;
  }

That also has the adavantage of getting rid of the invalid code you currently have and you can remove the pointless <center> tag.