Viewing 9 replies - 1 through 9 (of 9 total)
  • This might be a dumb suggestion but just in case…have you tried copying and pasting the original code back into your “single post” template?

    Your site looks great by the way. May I as how you made your nav bar horizontal? I can only get my nav bar to be horizontal in firefox but not explorer…

    Thread Starter dinopavlou

    (@dinopavlou)

    Hi..Yeah I’ve pasted the original code back in … no dice. I’ve changed quite a bit, so I’m going to have to backtrack again. *Sigh*, I’m still a newbie, so the going is slow.

    Thanks for the site comment.

    For the horizontal menu bar, comment out:

    ‘ #access {display:table;height:160px;vertical-align:middle;width:200px;float:right;} ‘

    which is found under the header section.

    This works for me in IE7, but the layout of the site in IE is a bit dodgy and doesn’t display like it should in FF. There are known issues with IE6, that should have been rectified for IE7 & 8. There are also IE-specific css files in the Autofocus theme folder that you can perhaps look at which may be helpful. Unfortunately, my skills at deciphering a lot of what goes on there are lacking at the moment…

    Hope this helps…Good luck… 🙂

    Thread Starter dinopavlou

    (@dinopavlou)

    Oh and also change the display function line below:

    #access #menu {vertical-align:middle;display:inline;font-size:1.2em;}

    Cheers

    Thread Starter dinopavlou

    (@dinopavlou)

    HA! Ok problem solved.
    Couldn’t quite pinpoint the area of error, but fixed it by giving an absolute position tag instead of a relative tag…

    Glad it worked out for you.

    I still cant figure out this horizontal nav bar..I did what you said and nothing happened in IE and in FF it just went to the right corner.

    Thread Starter dinopavlou

    (@dinopavlou)

    MMM. Ok header code posted below for you to check…

    /* =header */
    #header {margin: 5px 0;text-transform: none;width: 800px;clear: none;display: block;float: left;}
    #header a:hover {text-decoration:none;color:#888;}
    #header h1 a {font-size:1.8em;font-weight:100;letter-spacing:-0.05em;position:relative;}
    #header #blog-description {color:#888;}
    #access {vertical-align:middle;padding: 0 0 10px 0;}
    /* #access {display:table;height:160px;vertical-align:middle;width:200px;float:right;} */
    #access #menu {vertical-align:middle;display:inline;font-size:1.2em;}
    #access #menu ul {vertical-align:inline;display:block;background-color:#cccbcb;}
    /* I changed the menu button background colour here */
    #access #menu ul li {float: left;background-color:#000000;z-index=1;}
    #access #menu ul li a{margin-left:10px;font-weight: bold;display: block; padding: 0 10px;}
    #access #menu a{font-weight:600;}

    its so odd…your code works perfect for ff but not IE for my site.

    http://miabaker.com/blog/

    I even went in and put in all the orginal code and just changed the header the in stylesheet and still did nothing in IE. Is it just me that cannot see the changes?

    haha I fixed the problem…since i never use IE I haven’t upgraded it in a million years so I just downloaded IE 8 and everything is fixed! Thanks so much DinoPavlou 😀

    Thread Starter dinopavlou

    (@dinopavlou)

    Absolute pleasure. Awesome site BTW…….

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘autofocus theme moving the Bigdate data in single posts’ is closed to new replies.