I've only just started using phptemplate themes and I am unsure how to get the top navigation bar correctly alligned. See: http://www.gpja.pl.net

Comments

silverwing’s picture

StatusFileSize
new3.36 KB

Here's a link to a screenshot of my user menu with this problem:
http://misguidedthoughts.com/pics/spreadfirefoxnotfit.jpg

factoryjoe’s picture

Assigned: Unassigned » factoryjoe
Priority: Normal » Minor

Have you made any changes to the theme or stylesheets?

Also, what browser (IE6, Firefox?)/platform (Mac/Win/Linux?) are you using?

silverwing’s picture

StatusFileSize
new6.7 KB

The screenshot I provided was taken shortly after installing the package from the download page; no other modifications were made prior to the screenshot.

That is from Firefox 1.0 Preview Release on Windows XP.
Here's the shot from IE6:
http://misguidedthoughts.com/pics/spreadfirefoxnofitIE6.jpg

teggy’s picture

FWIW, we are seeing the exact same problem here with an unmodified
spreadfirefox theme (version 4.6.0): the top of the navigation block is centered
but too wide.

Otherwise, the theme seems to work just fine.

sw0rd’s picture

StatusFileSize
new92.1 KB

Same problem found. I have tried unmodified version of Drupal 4.5 and 4.6 and Civicspace. All produce the same result. Any hints?

nhdriver4’s picture

I've managed to get it setup correctly after installing. I have to modify the layout.css file from

.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 160px;
	margin				: 0px;
	margin-top			: -11px;
	padding				: 0px;
	}

and change it to

.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 165px;
	margin				: 0px;
	margin-top			: -11px;
	padding				: 0px;
	}

I'm still noticing that the left of the navigation menu is still not lined up correctly. I'll keep working on this, and let you know if I find the answer.

r2mahara’s picture

Here's a possible fix. In style.css, change:

.sidebar .block .content {
  padding: 0;
  margin: 0 6px;

to

.sidebar .block .content {
  padding: 0;
  margin: 0 0px;

Works fine in IE and Firefox...

bobo’s picture

You'll probably want to change this:

body {
color: #333;
font-family: verdana, sans-serif;
padding: 0;
margin: 0;
background-color: #fff;

to something like this (if you haven't change it already - It looks better with a margin anyway):

body {
color: #333;
font-family: verdana, sans-serif;
padding: 10px 15px 0px 15px;
margin: 0;
background-color: #fff;

Otherwise you'll get no margin with the above fix.

r2mahara’s picture

You're right - that *does* look better :)

r2mahara’s picture

Although - why aren't all the sidebar box edges rounded in this distribution?

On spreadfirefox.com, they're rounded.

r2mahara’s picture

Ok, after lots of messing around, I got everything rounded again.

the css etc will be at lingotrans.co.uk in a couple weeks

moonthedog’s picture

Did you fix the corner thing? I couldn't find the css file you talked about.

Thanks

r2mahara’s picture

Sorry, that site got put on the backburner ... email me for the fixed CSS if you still need it.

Mad Maks’s picture

Assigned: factoryjoe » Mad Maks
Status: Active » Fixed

i made the right colum / boxes wider so the top image of the boxes are show totaly. That brings back the rounded edges. If we dont like the width of the right sidebar we need to adjust the image.

Anonymous’s picture

Status: Fixed » Closed (fixed)