Free css help needed

As you can see my blog http://physicsfromthebottomup.blogspot.com/ uses a lot of mathematical equations.Some of them were so big that I had to resize the font size in the posts to 11px in order to have mathematical equations fitting in the post area.

The thing is that this way the fonts are just to small. I know that with css I can expand the post area and put the left sidebar more to the left, the thing is that I don't know how to do it.

Can someone help me out or least direct me at some site that teaches the css code that I need in order to do what I described?

http://www.w3schools.com/css/default.asp

Originally posted by adam warlock
As you can see my blog http://physicsfromthebottomup.blogspot.com/ uses a lot of mathematical equations.Some of them were so big that I had to resize the font size in the posts to 11px in order to have mathematical equations fitting in the post area.

The thing is that this way the fonts are just to small. I know that with css I can expand the post ar ...[text shortened]... st direct me at some site that teaches the css code that I need in order to do what I described?

How much control (if any) do you have over total page width? [In other words, does BlogSpot allow you to adjust this, or does it auto-set it to a fixed value?] Because that needs to be made wider in order to give the internal column - your column - space to expand.

Originally posted by BigDoggProblem
How much control (if any) do you have over total page width? [In other words, does BlogSpot allow you to adjust this, or does it auto-set it to a fixed value?] Because that needs to be made wider in order to give the internal column - your column - space to expand.

I have total control over the total page width in blogspot.

Originally posted by adam warlock
As you can see my blog http://physicsfromthebottomup.blogspot.com/ uses a lot of mathematical equations.Some of them were so big that I had to resize the font size in the posts to 11px in order to have mathematical equations fitting in the post area.

The thing is that this way the fonts are just to small. I know that with css I can expand the post ar ...[text shortened]... st direct me at some site that teaches the css code that I need in order to do what I described?

You can use the "float" property to place your sidebar left or right. For example, if you want your sidebar to be on the left of your page, use this syntax:

{float:left}

Before you use the float property, you must select what you want float. If you want a paragraph to float left, you'd write the code this way:

p {float:left}

If you choose to float your sidebar the way I just described, make sure to wrap the HTML for the sidebar in paragraph tags:

<p>sidebar</p>

I just used "sidebar" as an example, but it's the paragraph tags that are important.

If you choose to wrap your sidebar in paragraph tags, then in CSS, make sure you select the correct paragraph, if you have more than one pair of paragraph tags on your page. To do this, give the paragraph an ID like this:

<p id="sidebar">sidebar</p>

You can call the ID anything you want, it doesn't have to be "sidebar". Just make sure no other HTML element has an ID with that same name (and the ID can't start with a number, or have spaces). Once you've given an element (like a paragraph) an ID, you can select that element in CSS using the pound [#] symbol, like this:

#sidebar {float:left}

Finally, in your HTML, make sure that whatever you want to float (in this case, the sidebar) comes before whatever you want it to float next to.

More on floating here:

http://www.w3schools.com/css/css_float.asp

Also, to expand the post area, you can wrap the the HTML for the post area in "div" tags, and use CSS to give it a width. In CSS, it would be done like this:

div {width:800px}

Again, this only works if you only have one "div" on your page. If you have more than one "div", give the div an ID. You then select the Id you gave it using the pound [#] symbol:

#sidebar {width:800px}

Of course, you may choose whatever length is right for your page.

Let me know if you need anything explained further.

Originally posted by vivify
Let me know if you need anything explained further.

Thanks a lot. I'll contact you via PM

Originally posted by adam warlock
Thanks a lot. I'll contact you via PM

No problem.