Moving at the Speed of Creativity by Wesley Fryer

CSS help anyone?

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:

If you enjoyed this post and found it useful, subscribe to Wes’ free newsletter. Check out Wes’ video tutorial library, “Playing with Media.” Information about more ways to learn with Dr. Wesley Fryer are available on wesfryer.com/after.

On this day..


Posted

in

by

Tags:

Comments

5 responses to “CSS help anyone?”

  1. Wesley Fryer Avatar

    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. Doug Jenkinson Avatar

    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. Chris Craft Avatar

    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. Karlana Kulseth Avatar

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

  5. Paul Avatar

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