Any CSS experts here?

The reason I ask is that I suspect it might be possible to fix the issue that chops images off at the fixed width of the message text.

I have looked at the CSS for the forum, and it does not illuminate the issue for me. But then, I am an old HTML stick-in-the-mud and never had any truck with this new-fangled stuff.

If you think you might be able to shed some light on the problem, please respond.

(I tried to include the CSS in this post, but it is too long.)

I say, that is a truly porcine css file!

EDIT: A cursory inspection shows several (!) entries of the form

Code:

.content: {
    blah;
    blah;
    overflow: hidden;
    ...
}


which, as I understand it, says to clip off anything which falls outside the container's bounding box. In theory, either changing each of these to

Code:

overflow: scroll;

or following each one with

Code:

.content img {
    overflow: scroll;
}

might do the trick.

If you do so, however, I fear you risk running afoul of Campbell's Law of Interconnectedness — this monstrosity of a css file is over 4700 lines (not a typo) in length, and that is just TOO BLASTED BIG!

It's loaded with special code for IE (and to a lesser extent for Opera), which may or may not make the difference.

At any rate, I was poking about in the admins' forum and found a bit of code that seems to work: it still restricts the width of any picture to 800, but now it shrinks them instead of just chopping them off.

This is not the solution I was looking for, which would be a horizontal scrolling-based fix.

I shall continue to troll the admins' forum.

Oh, I also found a hack for adding national flags, if anybody really wants them. It seems to have some unusual ones, such as Wales and the Olympics flag for whatever reason ...

Yikes.

Now it seems to be displaying arbitrary flags ... I shall shut it off again!


[edit] Fixed flags. See that thread.

I need to learn more about computers, it seems. When I read the title of this thread, refering as it does to the term "CSS", I came in here fully expecting to see information on the Confederate Navy!

Oh me bleedin' eyeballs. I just had another look at the CSS, and it's not at all obvious where one might (and might not) want to insert the scrolling code.

Incidentally, looking at the admins' forum, there are a number of complaints about oversized pictures distorting the forum, i.e., making the page itself too wide. How it is that we have the inverse problem I do not know, though I suppose it has to do with the different board styles that are available when you set it up.

The line I inserted at the end of the CSS, which automagically resizes too-wide pictures is simply this:

Code:

.post img{max-width: 800px;}

I was having a poke about with the CSS on Saturday morning (UK time) & was rtying to work out how one would go about making the upper-background dissapear, so you could see the paisly underneath- anyone got any ideas? (1/2 the problem is finding the corresponding code- but that I can work out by trial & error)

OldProfessorBear wrote:Oh me bleedin' eyeballs. I just had another look at the CSS, and it's not at all obvious where one might (and might not) want to insert the scrolling code.

Incidentally, looking at the admins' forum, there are a number of complaints about oversized pictures distorting the forum, i.e., making the page itself too wide. How it is that we have the inverse problem I do not know, though I suppose it has to do with the different board styles that are available when you set it up.

The line I inserted at the end of the CSS, which automagically resizes too-wide pictures is simply this:

Code:

.post img{max-width: 800px;}

Well, that definitely fixed the problem I was complaining about earlier. Thanks!!

If your browser has the capability (may require a plugin), you should be able to right-click on any resized picture and see it full-size in another window/tab.

Just a tip.