9th October 2007

CSS help anyone?

posted in blogs |

I’ve been making some new changes to the K-12 Online Conference blog template files this evening, and I can’t for the life of me find the code which makes the vertical bar just to the right of the blog title.

It’s a bit dismaying to see how different browsers are handling the code, but such is life. In Flock, FireFox, and SeaMonkey on the Mac side that vertical bar is now cutting through the navigation table at the top of the page:

I want to remove this line!

In Safari the vertical bar is to the left of the navigation table but the table is pushed to the right. I haven’t previewed the page in IE7 or IE6 on Windows yet but will tomorrow…

Here is the link to the original Wordpress template code. If you can figure out where the code is for that vertical bar and can suggest how to move it to the left or delete it entirely, I’d be ever so appreciative! :-) I’m guessing this is somewhere in the header or CSS file, but I can’t figure out where.

Technorati Tags:

On this day..

There are currently 5 responses to “CSS help anyone?”

Join the conversation!

  1. 1 On October 9th, 2007, Wesley Fryer said:

    Well, disregard this– I worked around the problem by removing the “FAQ” and “Archives” links that were in the far right column. The “About” page includes a link at the top to the FAQs, and the archives are really visible with the 2006 categories showing up on each page. So I’m thinking this simplifies the menu by 2 items and also takes care of the width problem that caused me to post this call for help in the first place. I’m pleased the navigation options are now inside a table and look neater. If you have feedback or comments on this please let me know. Hopefully this looks OK in all browsers now… It does in Firefox, Safari and Flock…

  2. 2 On October 9th, 2007, Doug Jenkinson said:

    For your own edification:
    The element is set up with a border_left class. All you would need to do is remove that bit of the class definition.
    Search for this line (about line 46 in header.php):
    And replace it with:
    And your left border will be gone from that element.

  3. 3 On October 9th, 2007, Chris Craft said:

    You can also check this piece of code…it’s in header.php.

    div id=”search_menu” class=”column span-6 border_left last push-0

    There’s clues here as well.

    Chris

  4. 4 On October 9th, 2007, Karlana Kulseth said:

    You will see it in header.php. As Chris said, it sounds like that would it be.

  5. 5 On October 15th, 2007, Paul said:

    you could check the css file with it that handles it. take a look with header.php