Results 1 to 8 of 8
  1. #1
    Join Date
    Jul 2006
    Posts
    87
    Plugin Contributions
    0

    2 (hopefully simple) questions

    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

  2. #2
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: 2 (hopefully simple) questions

    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.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  3. #3
    Join Date
    Jul 2006
    Posts
    87
    Plugin Contributions
    0

    Re: 2 (hopefully simple) questions

    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

  4. #4
    Join Date
    Jul 2006
    Posts
    87
    Plugin Contributions
    0

    Default Re: 2 (hopefully simple) questions

    Can anybody else help with this??

    Many thanks

  5. #5
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: 2 (hopefully simple) questions

    Quote Originally Posted by ryangsoton
    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.

    Quote Originally Posted by ryangsoton
    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;
    }
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  6. #6
    Join Date
    Jul 2006
    Posts
    87
    Plugin Contributions
    0

    Re: 2 (hopefully simple) questions

    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!

  7. #7
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: 2 (hopefully simple) questions

    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;
    }
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  8. #8
    Join Date
    Jul 2006
    Posts
    87
    Plugin Contributions
    0

    Idea or Suggestion Re: 2 (hopefully simple) questions

    PERFECT!

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

 

 

Similar Threads

  1. 2 quick (hopefully) css questions
    By customk1 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 12 Aug 2010, 10:44 PM
  2. A few random questions (hopefully straightforward)
    By Snicklefritz in forum General Questions
    Replies: 7
    Last Post: 9 Jan 2010, 11:54 AM
  3. Hopefully simple "Flat Rate" assistance needed...
    By STFlats in forum Built-in Shipping and Payment Modules
    Replies: 5
    Last Post: 19 Sep 2009, 04:14 AM
  4. (hopefully) simple question... (EZ)
    By francesca in forum General Questions
    Replies: 4
    Last Post: 2 Sep 2007, 05:40 PM
  5. Hopefully Simple Question
    By melbo in forum Setting Up Categories, Products, Attributes
    Replies: 8
    Last Post: 10 Jul 2007, 04:46 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg