Easy CSS Editor for Mac

for the sake of this thread, and because this

it was really not my intention to start this.

and especially this

</incredible waste of time on non-issue>

is also true on my part I will ignore cheap sarcasm

(Sigh). I feel so… validated..

and all the rest,and go on with micaz.

so , what is going on on your css right now, is that (although the poster´s opinion) a non valid css WILL make trouble.
Especially when the errors are syntax…
In order to get things right, you must follow what I wrote before .
Right now your css does not look the same like I told you.
(I will try explain your errors ..)
right now ,your #branding look like this :

{ width: 960px; left top;height: 80px; margin: 0 auto; }

if you look carefully, you will see that left top is a property with no rule attached…
it should have a rule, like background-position in front of it.
(it would not happen with a visual editor)
and also, you left the background properties on the #header, so of course it would not be positioned right.

you left the properties on header, which should be moved.

your #header should look like so :

#header
{
	background: #FFFFFF;
}

and your #branding like so:

#branding
{
	background-image: url(http://zine.commonpeople.sg/zine/wp-content/uploads/2009/08/commonpeoplelogo0309.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	width: 960px;
	margin: 0 auto;
	height: 80px;
}

or even better

#branding
{
	background: url(http://zine.commonpeople.sg/zine/wp-content/uploads/2009/08/commonpeoplelogo0309.jpg) no-repeat center left;
	width: 960px;
	margin: 0 auto;
	height: 80px;
}

if you will do that, it would work.

further more, you MUST fix the error on line 156 on default.css

from:

#nav-content
{ margin: 0 auto; width: 958px; repeat-x #CCC; height: 30px; border: 1px solid #cccccc; }

to:
#nav-content

{
	margin: 0 auto;
	width: 958px;
	border: 1px solid #CCCCCC;
	height: 30px;
}

you see, you have again a problem of a property with no rule.

repeat-x #CCC

was left behind from some background-property, and now it causes errors.

(BTW – your SF menu was not working at the time of inspection..)

Sorry for my ignorance krembo
there is no need to be sorry for anything, nobody is born with the gift of knowing how to css 🙂 we all have to learn, and also my own learning process was not so different from yours.

… but I only found out about Firebug a couple of days ago so I am still trying to get the hang of it.

firebug is much more complicated than only css, and can be frightening.. it is also ued to find errors in scripts, and general de-bugging.
if you want ,Try also the other add-on I wrote at the first post, it helped me a lot at the Beginning.

I must emphasize though , that my own learning curve just went sky-high when I started to use
<bold>visual css-editors</bold>
. with the aid of those, you can do LIVE changes, see them live on the web page as visual reference, adjust change everything really quickly, and LEARN at the process, because you SEE what is happening each time.
FOr example, to find your errors took me exactly half a minute, and to fix them another one minute. and mind you – I am no css guru. Just using the right tools.
With those tools , I am able to construct entire templates in virtually minutes, thing that with a text editor would take me hours if not days.

There are still a couple of ‘major’ changes i need to make but you have helped me a lot already and I don’t want to take up more of your time.

No problem at all, if you want to make those changes you can post them here and I will see if I can manage to help you…
That is after all why all the forum volunteers are here , trying to help people on the forums with various problems.

well.. that will require a bit more ..
Your theme is configured in such a way that the featured gallery and the sidebar positioned at the same level, meaning they do not share divs
The feature is inside content and the sidebar is in primary.
to do what you want, one of them must move.
there are many ways to achieve that, but IMHO , the best one would be to take out the feature and put it above the content area in it´s own div, OR take the primary sidebar and locate it BELOW the featured, giving thus the featured 100% width (and all it´s descendents)
Mind that those changes could change a lot on your page, because of the “C” in CSS (cascading properties)