ID:101319
 
Keywords: iccusion, style
Iccusion's BYOND Member page has been upgraded to include a new style and layout.

Best viewed in any browser other than Internet Explorer.

If you missed the post, Teridal now has its own BYOND Members page as well. You can visit it by going to http://www.byond.com/members/Teridal.

Be sure to join the guild for this page and Teridal's page to get all the latest news and information about Iccusion games!
I like the new layout, but your boxes have some margin problems. I recommend adding some padding.
Lummox JR wrote:
I like the new layout, but your boxes have some margin problems. I recommend adding some padding.

The gap between the center and right columns? I'll get it fixed, thanks.
No, I mean look at your posts. Your post text is overlapping the borders. You need at last 5px of padding there, and I'd actually recommend 10 so you still have some space within the border proper. The boxes on the side also are showing some padding problems at the bottom, and somewhat at the top.
Looks like you got the posts while I was posting that comment. The side boxes still have the issue though.
Lummox JR wrote:
Looks like you got the posts while I was posting that comment. The side boxes still have the issue though.

Which browser are you using? Aside from the gap between the center and right column, everything looks perfect on my screen.
Same here Aiko i cant spot anything wrong i have been scouring it myself lol.
Nice Css Though.
I'm using firefox and it looks perfect to me. Great job on it =]
Mass chaos right now. Looks like you're trying to add padding by putting hard backgrounds on all elements within the div, but it's much easier just to make better use of the padding attribute on the whole div itself.

[edit]
When I reload the page (this is in Firefox) I don't see the borders at all for the most part, but if I cover up the window at all and come back, the borders appear, so something is confusing the browser; it might just be that -moz-border-image isn't ready for primetime.
Lummox JR wrote:
Mass chaos right now. Looks like you're trying to add padding by putting hard backgrounds on all elements within the div, but it's much easier just to make better use of the padding attribute on the whole div itself.

Well, the CSS uses new CSS that only works with the latest browsers. Doesn't work at all in Internet Explorer and wont work if your browser is too out of date. But, I haven't changed anything with the CSS since I made this post because I've been trying to pinpoint the problems you mentioned, so, I don't know what the deal is. Looks perfect in Firefox, Safari, and Chrome. The comment box is a hair too big, though.
You should totally make this CSS public, with a different banner. =]
Lummox JR wrote:
[edit]
When I reload the page (this is in Firefox) I don't see the borders at all for the most part, but if I cover up the window at all and come back, the borders appear, so something is confusing the browser; it might just be that -moz-border-image isn't ready for primetime.

Yeah, it's pretty new. When I get a chance I'll edit the more bare CSS for something to fall back on when border-image doesn't work correctly.
I'm viewing it in Firefox 3.5, because Firefox 3.6 is a piece of crap (or was the last time I looked). That may make a difference. It looks like Firefox 3.5's handling of -moz-border-image is pretty darn poor though. Oddly the padding problem has come back.
Lummox JR wrote:
I'm viewing it in Firefox 3.5, because Firefox 3.6 is a piece of crap (or was the last time I looked). That may make a difference. It looks like Firefox 3.5's handling of -moz-border-image is pretty darn poor though. Oddly the padding problem has come back.

Yeah, I'm using 3.6.8, so that might be why.
Looks pretty good so far. Google Chrome.