• shadow

    (@shadow)


    Site: https://fools.os42.com
    I’ve been playing with my design a bit and not sure how to move the menu to the left without making the rest of the page move too. And for some reason – adding borders to the menu is also proving to be very difficult.
    If anyone has the time or inclination – I could really do with some help…
    Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • george71

    (@george71)

    https://www.tamba2.org.uk/wordpress for your css hacks, it helped and explained a lot for me

    #content {
    float: right;
    width: 37.5em;
    margin-left: 10px;
    }
    #menu {
    float: right;
    width: 12.5em;
    }
    This just flipped it over for me using the FF webdev bar.
    I’ll look at borders ??

    #menu {
    float: right;
    width: 12.5em;
    border: 3px solid #ff0000;
    }
    That adds a border, but…. the top and bottom have a gap.
    Not quite sure right now how to tackle that without looking closer at the menu bg and any margin / padding.

    Thread Starter shadow

    (@shadow)

    Hi Podz,
    What do you think it is that is pushing all the text to the right and leaving that 20px or so gap on the left?
    And then there is the big gap between the menu and the main content. I figure I should have about 50 px to play with but not sure how to get hold of it?
    I tried putting in a -left margin too but that messssed up IE completely…
    It’s all very strange.

    #nav ul {
    color: #ffffc0;
    background: #332a11;
    margin-right: 20px;
    margin-left: -20px;
    In FF, playing with those last two values will line things up.
    I don’t see a wide margin.. I’ll look some more ??

    Thread Starter shadow

    (@shadow)

    Thanks Podz:)
    I already have that in there ??
    …it makes my menu border jumps out of place but I can live with that and take it out altogether.
    There is still an issue with trying to push the menu to the left. In IE it is being pushed under ‘something’ on the left. I think it must be related to the 37.5 and 12.5 em but if I go any less on the 37.5 I chop off the post bg which shouldnt be happening..

    It’s on the right now – can you switch it to the left ?
    If I get anything, I’ll screenshot for you ?

    Thread Starter shadow

    (@shadow)

    Switched menu to left but it stays right…BUT…it has pulled it slightly left which is a good thing.
    It is all looking acceptable now but there are still some weird things going on in there.
    I have to say – it is always the menu section of the css that gives me a hard time.
    Thanks for your help again ??

    Noo…. css is lovely.. it’s IE !
    and np at all ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Menu background’ is closed to new replies.