[01/13/08 - really desperate !] Still issues with my style ! (Page 1 of 2)

width: 95% doesn't make any difference, and the padding modification isn't enough.

For now, I don't have any online testboard, I'm waiting until I finished most of the modifications before I set up my testboard on my FTP account.

And now I have another problem : I just can't seem to be able to set up a background image in the main-menu block in the profile page and the admin page.

i-tchat_cs.css

.brd .main-menu, .brd .admin-menu {
    background-color: #;
    color: #fff;
    }

i-tchat.css

.brd .main-menu, .brd .admin-menu {
    border: 0;
    padding: 0.4em 0 0.2em 0.75em;
    background-image: url(profile-admin-menu.png);
    background-repeat: repeat-x;
    }

I double-checked the filename and the CHMOD and everything is OK.

I can always make a ZIP file and upload it.

(By the way, was this the right section for style support ?)

Ubuntu user as well ?

Ubuntu fan, actually

I guess...

.brd .text input {width: 95%}

Works for me.

Try setting the background from the _cs file.

Some news : I'm almost finished (98% of the modifications) and all is left is testing it under IE (IE => reboot under XP) before I deliver the .zip pack to the webmaster who requested the style.

Here a screenshot taken from FF3 : http://img.photobucket.com/albums/v381/ … review.png

I keep him regularly informed by email.  I showed him the page base demo (only outer and inner), then the full demo (with header elements, menu, sample index) before I cut the layout, then the screenshot after the main coding part.  He really likes it

Now I'm currently under XP for the tests under IE, but I'm having some trouble with the checkbox positioning on login page.  Under IE7, the text is not well positioned, so the checkbox is under the text and uncheckable.

Here are the screenshots :

Firefox
http://img.photobucket.com/albums/v381/ … box_ff.png

IE7 (I'm using IE Tab extension)
http://img.photobucket.com/albums/v381/ … ox_ie7.png

Whatever I try to use relative positioning on the label text or on the checkbox, no change

My tries in _ie7.css :

#brd-login .checkbox label{
    position: relative;
    right: 30px;
}

#brd-login .sf-box .checkbox label{
    position: relative;
    right: 30px;
}

#brd-login .checkbox input{
    position: relative;
    left: 30px;
}

#brd-login .sf-box .checkbox input{
    position: relative;
    left: 30px;
}

And others I don't remember.

Thanks in advance.

Ishimaru

Still no change.

Tell me if you want the .zip archive.

I begin to think there's something wrong in my style PHP file.  I know I changed the filenames when I cloned Oxygen, and I added copyright notice meta tags.

I also have a major issue with the main-head block in viewforum, and whatever change I do, there is no influence.

I will edit my post to send you the zip file.

EDIT : http://ishimaru-design.servhome.org/divers/i-tchat.zip

You have tested it online or on Wampserver ?

Because the board where I'm currently testing is on a local Wampserver host on my Windows side.
Is your IE7 test done with IE Tab or with the old way ?

Extra screenshots to show you the viewforum issue :

Firefox 3
http://img.photobucket.com/albums/v381/ … rum-ff.png

IE7
http://img.photobucket.com/albums/v381/ … um-ie7.png

Note : I haven't set any background color behind, to avoid conflict (I have set the background image in the normal css, not the _cs one)

When I talk about IE Tab, I talk about the Firefox extension who opens IE inside a tab under Firefox : https://addons.mozilla.org/fr/firefox/addon/1419

I'm sure it doesn't come from that.  When I test with a .brd p.options { background: #ff0000; }, the red background reveals that the block containing the rss feed takes the whole width under IE while it takes juste the half under FF.

Yes, it's better to upload them, since I removed the background color where I have set a background image.

Not the same screen resolution as mine... I'm using 1024*768 on both OS (Windows and Linux).  Have you tested with 1024*768 ?

These are gedit relics.  Actually, I use Ubuntu Linux as my main OS, and I kept Windows for Web page testing.  Ubuntu's default text editor (gedit) saves a backup file everytime I save my modifications.  I forgot to remove them before compressing.

That's the problem I talked about.

I'll try it.  But I give you a trick to find a block's limits : Set a very bright background color.

Example with p.options :

.brd p.options {
     background: #ff0000;
}

This set a bright red background which will reveal the block's size.

PS : There's a parsing bug with your screenshots URL.  I had to remove the links after I quoted :S  Try it by yourself by quoting your post.

.brd .main-content .new .icon {
    background-url(status-new.png) no-repeat;
    }

shld be

.brd .main-content .new .icon {
    background: url(status-new.png) no-repeat;
    }

right?

I just had a flash : I remember I have changed something in .brd a.feed because of the rss icon size.

In the Oxygen style :

.brd a.feed {
    padding-left: 22px;
    background: url(feed-icon.png) center left no-repeat;
    }

In the custom style :

.brd a.feed {
    float: right;
    display: block;
    height: 22px;
    margin-left: 600px;
    background: url(icon-rss.png) center left no-repeat;
    }

I commented the added lines to verify and it solved the problem !  But my RSS icon is back to not being fully displayed :S  Unless I use the inline-block display (which means a CSS hack for Firefox 2 and 1.5) to make the dimensions modifiables without while staying inline, I'll have to make my icon smaller...

One solved thing.  I will set back the space above main-head blocks.

Now, for the checkbox issue, I compared Oxygen with the custom style, and they both have this problem, so I will report this as a bug.

(seems that playing FF1 on GBA helped out XD)