Support » Themes and Templates » css question

  • I installed a new theme, but problem:

    1. on the main index page, the Menu Div’s positioning is haywire, and suddenly is on TOP of my blog entries (yep, VERY VERY ugly)
    2. but if you click “about” link, or other various links, the Menu Div is properly to the right of the blog entries.
    3. The strange Menu Div positioning problem appears hence, to only be on the index.php page.

    visual example:
    Click

    What I attempted to do:

    Because the problem occurred only in the index.php page, where the blog entries are, I assumed the problem was in the coding in the index page. The theme originally, appears to have VERY shoddily-written CSS, but I can’t detect anything wrong with it b/c I don’t know anything about float/positioning/box, whatever issues that I’m making a wild guess would be the root of the problem. No matter how hard I look at the index.php I cannot seem to find the error in div positioning. (I’m assuming that’s what the problem is)

    but the Menu Div is FINE here:
    click, fine here…

    So I looked at the source code of the index.php and don’t know where the problem is.

    This is where I turn to you, reader. If you could explain to me why this happened, and what coding would be needed to replace it, I would be VERY grateful 🙂

    And if you were right here next to me, I truly would offer you a slice of crispy apple pie, hehehehe!

    css code:
    http://wordpress.pastebin.ca/968053

    index.php’s source code:
    http://wordpress.pastebin.ca/968055

    and finally, code of the about page, which appears normal:
    http://wordpress.pastebin.ca/968063

Viewing 11 replies - 1 through 11 (of 11 total)
  • we need the code inside the actual index.php file, not just the code you see when you view source. same with the pages that are working properly, i dont know what file names your theme uses, usually single.php for single post pages, and page.php for pages like the about page.

    Apologies, boober. You are definitely right on that one. I had completely forgotten into oblivion that PHP coding is not visible under source code, sorry!!!

    I went under “Theme Editor” in my admin, and saw index.php, page.php, comments.php, footer.php, functions.php, header.php, sidebar.php

    I’m not 100% sure which corresponds to which, so I will post codes for each one …

    Okay, back. Here are the codes:

    “page.php”
    comments.php
    functions.php
    header.php
    footer.php
    sidebar.php
    index.php

    I’m SO sorry there are so many files, but I’m sure you don’t need to look at half of them! 🙂

    (I hope)

    Thank you SO MUCH!!!

    :::::Sending cosmic waves of gratitude and fortune :::::

    Addendum: If you need to look at any more source code for PHP files, please let me know; if you could hint out which directory/folder I could locate that PHP file in my WordPress FTP, I’ll track it down and post it for you

    🙂

    i feel like im going crazy, i cant find a call for the sidebar in your index or page file. those are from inside your theme’s folder, right? was there a single.php? normally before the call for the footer is

    <?php get_sidebar(); ?>

    i cant figure out how your menu is being displayed. hopefully someone will chime in and shed some light…

    Boober,

    You’re right, I searched in vain through “index.php” and “page.php”, and there WAS no call for the sidebar. I thought this was very bizarre, until I finally found it, but it was under the FUNCTIONS.php page. I didn’t even know this was abnormal (since this is my first installation of wordpress)

    Here is functions.php, copied and pasted:

    <?php
    if ( function_exists('register_sidebar') )
    	register_sidebar();
    ?>

    This is a strange problem, I really appreciate your concern and anyone else who does consider to help!!! 🙂

    It’s my first attempt at wordpress but the goal is to create a nifty little blog for one of my best friends. Her birthday is coming up in less than a week, and she’s been such an endearing, loyal friend I wanted to give her her own WordPress blog to manage her budding photography hobby 🙂

    arghhhhhhhhhhhhh… ignore my reply from a few seconds ago. my brain must be filled with dust, lol.

    I did find the call for sidebar, it’s under the FOOTER, strangely.

    Here is the footer.php’s contents:

    <!-- begin footer -->
    </div>
    
    <?php get_sidebar(); ?>
    
    </div>
    <div id="footer">
    <?php wp_footer(); ?>
    
    </div>
    </body>
    </html>

    in ur index.php file, please try to put this code.

    <div style="clear:both;">&nbsp;</div>

    just after ..

    <?php posts_nav_link(' — ', __('&laquo; Previous Page'), __('Next Page &raquo;')); ?>

    and before

    <?php get_footer(); ?>

    let me know if that helps.

    Ektz, that was very kind of you to help with the suggestion.

    I implemented the code, and unfortunately, it did not work.

    I am very appreciate of your help though 🙂 🙂 🙂 🙂 🙂

    Update: still hasn’t been fixed 🙁

    By the way, I’m using Firefox. THe problem manifested itself in the same way in the OPera browser too.

    You have a lot of HTML validation errors:… I would start with checking that out. You have CSS validation errors, too, but they don’t seem very serious.

    And you are right — that CSS file is organized very strangely.

    Frankly, this seems like a badly designed theme (in terms of how it is structured).

    PS A very useful tool for Firefox is the Web Developer add-on, which offers a whole bunch of useful tools for analyzing the structure of a website. It also includes one-click links to the W3C validation service. I personally find it indispensable when investigating CSS problems.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘css question’ is closed to new replies.