2 (hopefully simple) questions

[ryangsoton]

Ok, im sooooo nearly done, many thanks to everyone on the forums for their help. 2 more 'irritating' bits to throw at ya!

1) Underneath my NavCats bar, I get a notification telling me where i am on the site. ie Home. or Home, Cat1 or Home, Cat1, Subcat2 etc etc

This is fine, and I want this to remain, but the box which it is held in is in the slightly wrong place as it overlaps my navcat bar and my categories sidebox.

Basically i want to move that box about 5px down and about 3 px to the right.

Any ideas? Have looked on my web developer kit which shows that apparantly it is called #NavBreadCrumb but cant see anything in that text with regard to positioning.

Second prob...

I had the infamous 'white space under logo' problem and having spend hours searching the forums and experimenting ive now sorted it. Page looks fine in IE. However, in Firefox I have a similar problem to above in that my logo covers up about 25% off the top of my categories header. I assume there must be a compromise somewhere between IE and Firefox and how the page will look but is there anyway of getting it a touch less prominant?

site is http://www.climax-creation.com/zen-c...-full-fileset/

Very friendly and not rude, but also not for the very prim and proper.

Many many many thanks

Cally
x

[kuroi]

For 1) you need to add some margins to #navBreadCrumb, but first, I'd recommend sorting out the duplication that you have across these three styles

#navBreadCrumb {

padding: 0.5em 0.5em;
margin: 0px;
background-color: #ffffff;

}

#navEZPagesTop {
background-color: #ffffff;
}

#navBreadCrumb, #navEZPagesTop {

font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;

}

Then replace the margin statement with

margin: 5px 0 0 3px;

However you may wish to consider why this is overlapping in the first place. It seems to me that it's because your total sidebox width (content + padding + borders) exceeds the column width, you can also see this on the right hand side of the right column in FF. If you increase your column widths by 2 px Admin > Configuration > Layout Settings and lines 14-15 (roughly) then I suspect that the problem you are trying to solve will go away of its own accord.

For 2) you've rather thrown the kitchen sink at this one by both taking out the HTML line breaks and giving navCat Tabs negative margins. To keep everything in order, try giving navCatTabs a clear:both style. No guarantees, but I've an inkling that it might help.

[ryangsoton]

Thanks for the reply Kuroi, incidently one of your previous posts helped me get rid of the white space so thank you for that.

Right, changing the column widths made no difference so think i shall have to go to plan b. Which of the margins do i modify? Both of them? Just the top one or the EZ pages one too?

And sorry to sound dumb but how do i try giving navCatTabs a clear:both style.

Many thanks again

[ryangsoton]

Can anybody else help with this??

Many thanks

[kuroi]

Right, changing the column widths made no difference so think i shall have to go to plan b. Which of the margins do i modify? Both of them? Just the top one or the EZ pages one too?

Changing the column widths didn't work because you also then changed the sidebox widths by the same amount to re-introduce the problem. I recommend going back to Admin > Configuration > Layout Settings and changing the values for line 1 and 2 back to 150px.

And sorry to sound dumb but how do i try giving navCatTabs a clear:both style.

Just add it to the CSS for navCatTabs i,e.

#navCatTabsWrapper {

margin-top: -0.5em;
background-color: #000000;
font-weight: bold;
color: #3300ff;
width: 750px;
clear:both;

}

[ryangsoton]

Hi Kuroi,

Have put in the clear:both and returned options 1 and 2 to 150px.

This has half sorted the problem in that before the text bar was overlapping both the box on the right and the box above it (altho only by 1 or 2 pixels each). Now it doesnt overlap the categories box on the right at all (great) but still overlaps the navcat box above it.

So nearly there! any ideas on bringing that box down 2 pixels to resolve?

Many thanks!

[kuroi]

You can move the breadcrumbs down by adding some margin, but if you do, make sure you replace the 2nd time you set the margins to 0, otherwise your changes will get overridden. E.g.

#navBreadCrumb, #navEZPagesTop {

font-size: 0.95em;
font-weight: bold;
margin: 0.3em 0 0 0.3em;
padding: 0.5em;

}

However, if you do this you will be back asking how to move the right hand column down as well, which will prove much more difficult. Instead, I would recommend removing the following CSS. I know you put this in to solve your original problem, but I think that taking out the <br /> tag actually solved that for you.

#contentMainWrapper {

margin-top: -2px;

}

[ryangsoton]

PERFECT!

Thanks very much for that. All makes perfect sense now!