Topic: border and images

Hi,

I really can't understand how to fix these two problems in my forum at this address http://dsmir.altervista.org/index.php :

1. why do I see black squares in the list of forums???

2. click here http://dsmir.altervista.org/viewtopic.php?id=12 using Firefox:
Where it says "non in linea"  (not online) there's not bottom border. It works fine with ie7. is there a way to fix it?

thanx
Matt

Re: border and images

1. Your site's styling must be conflicting with the post status indicators' styling.

2. I see a border and I'm using Fx.

Looking for a certain modification for your forum? Please take a look here before posting.

3 (edited by matt1900 2007-01-21 12:40)

Re: border and images

even removing all my style it still shows those black squares instead of the images. Can you tell me in which file is the code that inserts those images? Or, do you have any other suggestion?

http://www.dsmirandola.it/img/App2.jpg


(Question: why there are no status indicator images in the punbb 1.2 package? Upgrading from an older version I kept the old img folder, but what images should I have used if I installed the new forum?)

about the border: under "offline" I really can't see the blue border...  sad

see:

http://www.dsmirandola.it/img/app1.jpg

Matt

Re: border and images

I'm not seeing a border either. And PunBB doesn't use images for that, it's just bold text for online and regular text for offline wink
Go through your stylesheets, something might have been erased accidentally when integrating.

Re: border and images

1. Compare your Oxygen_cs.css to PunBB's normal Oxygen_cs.css (near the bottom of the file).
2. The border doesn't appear for me either. I noticed these lines in your base.css

/* 3.1 This fixes bugs in Gecko browsers. */

DIV>DIV>DIV.inbox , DIV>DIV>DIV.block2col {BORDER-BOTTOM: 1px solid transparent}
DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}

As compared to only the last line in PunBB's default base.css: I think that could be the issue

As for images, PunBB doesn't use images to show post status, it uses CSS

Re: border and images

thanks smartys. I fixed the problem of the border adding this string of code:

DIV>DIV>DIV.inbox , DIV>DIV>DIV.block2col {BORDER-BOTTOM: 1px solid transparent}

Now I'll see what I can do for the status indicator...

Re: border and images

It's still not working in Firefox 2 wink

Oddly enough, just removing that line (which should work) doesn't work...

Re: border and images

I actually see the border with FF2.


http://www.dsmirandola.it/img/app3.jpg

But I ADDED that line of code (which wasn't present before)!  Are we using different version of punbb? Because I noticed that this line in base.css reported by smartys is different from mine:

/* 3.1 This fixes bugs in Gecko browsers. */



About the status notification: I'm still in troubles

Re: border and images

But I ADDED that line of code (which wasn't present before)!

Yes it was: as I noted, I copy/pasted those two lines from your base.css. Only the second line is in an unmodded PunBB.

About the status notification: I'm still in troubles

Compare your Oxygen_cs.css to PunBB's normal Oxygen_cs.css (near the bottom of the file).

Re: border and images

Right, my bad, I'll go slap Firefox's caching again big_smile

11 (edited by matt1900 2007-01-21 13:21)

Re: border and images

there are no differences between the two files in the post status notification style (section 5 of Oxygen_cs.css)

I mean, between my file and the original one

Re: border and images

Yours:

/****************************************************************/
/* 5. POST STATUS INDICATORS */
/****************************************************************/

/* 5.1 These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.inormal = everything else. By default only .inew and .inormal are visible.*/

DIV.inew, DIV.inormal, DIV.iclosed, DIV.iredirect {
    FLOAT: left;
    MARGIN-TOP: 0.2em;
    MARGIN-LEFT: 0.2em;
    DISPLAY: block;
    BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
    BORDER-STYLE: solid
}

DIV.searchposts DIV.inew, DIV.searchposts DIV.inormal {MARGIN-LEFT: 0}

DIV.iredirect {BORDER-COLOR: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}
DIV.inormal, DIV.iclosed {BORDER-COLOR: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
DIV.inew {BORDER-COLOR: #0080D7 #0065C0 #0058B3 #0072CA}

/* 5.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon {MARGIN-LEFT: 2.3em}

Default:

/****************************************************************/
/* 5. POST STATUS INDICATORS */
/****************************************************************/

/* These are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. The default is "icon". By default only .inew is different.*/

DIV.icon {BORDER-COLOR: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
TR.iredirect DIV.icon {BORDER-COLOR: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}
DIV.inew {BORDER-COLOR: #0080D7 #0065C0 #0058B3 #0072CA}

Yes, there is a difference wink

Re: border and images

let me check... what have I uploaded????

14 (edited by matt1900 2007-01-21 13:36)

Re: border and images

I swear, I don't know how I modified and/or uploaded that file. Now I uploaded the good one and everything seems fine.

Now I scared I might have uploaded other wrong files.....

In any case, thanks a lot for the help smile