Css-two columns-driving me crazy

[qtluvsjc]

I'm not sure what happened, but it's driving me crazy.. i want two columns.. the first 240px, the second 480px.

I want a picture centered in the 480px second column. It is hanging way to the right.

my 'draft' site is at

http://home.comcast.net/~tbldesigns/smc/index.html

My CSS for 'main'=(text on right), and 'sidebar'=(picture on left) is:

#main {
float:left;
width:240px;
text-align:justify;
}

#sidebar {
float:left;
width:480px;
}



2nd question:

My navigation links are as follows:

:: Ministries :: Services :: Calendar :: Youth Group :: Adult Swamp Mennonite :: Ministerial Staff :: Contact & Location ::


How do I add at least a second space in between the links? they look like they are too close together..

Instead of :: Ministries ::

I would like it to be :: Ministries :: ... etc

Thanks!

 

[ethorn10]

well it looks like you have an img embedded in span which is embedded in an h3. i bet if you removed the <h3> and <span> (which probably have padding that is shoving your image to the right), you'd probably get your results.

as for the spacing on your nav par -- personally i'd do it differently but in the short term, add padding to...

.style2 a
{
padding: 3px;
}

 

[Vragabond]

In line 87 of your CSS you're negating your float: left; width: 480px for the #sidebar with the float: right; width: 240px. Since whatever comes lower in the css stylesheet prevails, it is that that decides where the #sidebar is placed. If you remove that second declaration, you will be ok.

As for the menu, as much as I don't like it, you would insert [tt][ignore]&nbsp;[/ignore][/tt] instead of spaces. HTML is white space agnostic, meaning that any number of normal spaces or new lines are treated as one space. What I suggested is an html entity for non-breaking space.

Alternatively, you would play with the padding on the links, which might be more desirable in terms of clean code.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[qtluvsjc]

Thanks Ethorn, I did you you said, and it stopped it from flying off my page. But my picture is still not centered in between the two columns.

Is there not a way to do this in WYSIWYG?

 

[ethorn10]

i prefer not to use WYSIWYG and i think you'll find most others in here don't like them either. however, you should give vragabond's advice a try. his was "more correct" than mine.

 

[Olavxxx]

ethorn: there is nothing wrong with your suggestion.

I would however make a special a rule for the menu items, or you would have padding-issues if there where inline- anchors...

Olav Alexander Mjelde

http://www.volvo-power.net

Admin & Webmaster