Jittery Header Bar

  • Please go to
    I am using
    Abstrakt3c 2.0 by Kaushal Sheth

    but for some reason the header bar links are all “Jittery”?

    What do I need to do to stop it from jitterying like that?

    Here is the Header Source
    ———————————————————-
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml”&gt;

    <head profile=”https://gmpg.org/xfn/11″&gt;
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

    <title><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” /> <!– leave this for stats –>

    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />

    <?php global $user_identity; get_currentuserinfo(); if ($user_identity) { ?>
    <style type=”text/css”>
    /* <![CDATA[ */

    #abstrakt-admin-bar {
    margin: 0 ;
    padding: 0;
    background: #5F7D38;
    border-bottom: 1px solid #000000;
    text-align: left;
    width: 100%;
    }

    #abstrakt-admin-bar ul {
    margin: 0 10px;
    padding: 4px;
    list-style-type: none;
    }

    #abstrakt-admin-bar ul li {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    color: #ffffff;
    }

    #abstrakt-admin-bar ul li.login { margin-right: 30px; }
    #abstrakt-admin-bar ul li.howdy { position: absolute; right: 1em; }
    #abstrakt-admin-bar a { color: #ffffff; text-decoration: none;}
    #abstrakt-admin-bar a:hover { color: #ffffff; }

    /* ]]> */
    </style>
    <?php } ?>

    <link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”alternate” type=”text/xml” title=”RSS .92″ href=”<?php bloginfo(‘rss_url’); ?>” />
    <link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(‘atom_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <style type=”text/css” media=”screen”>

    /* BEGIN IMAGE CSS */
    /* To accomodate differing install paths of WordPress, images are referred only here,
    and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
    not, then go right ahead and delete the following lines, and the image files. */

    body { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/abstrakt-background.jpg”); } <?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single()) && (! is_page())) { ?>
    #page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/abstrakt-body.jpg”) repeat-y top; border: none; margin: 0 auto; } <?php } else { // No sidebar ?>
    #page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/abstrakt-body.jpg”) repeat-y top; border: none; margin: 0 auto; } <?php } ?>
    #header { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/abstrakt-masthead.jpg”) no-repeat bottom center; }
    #footer { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/abstrakt-footer.jpg”) no-repeat bottom; border: none;}

    /* Because the template is slightly different, size-wise, with images, this needs to be set here
    If you don’t want to use the template’s images, you can also delete the following two lines. */
    #header { margin: 0 !important; margin: 0 0 0 1px; padding: 0; height: 180px; width: 800px; }
    #headerimg { margin: 0; height: 60px; width: 800px; }

    /* END IMAGE CSS */

    </style>

    <?php wp_get_archives(‘type=monthly&format=link’); ?>

    <?php wp_head(); ?>
    </head>
    <body>

    <?php global $user_identity,$user_level; get_currentuserinfo(); if ($user_identity) {
    echo ‘<div id=”abstrakt-admin-bar”>

    </div>”;
    } ?>

    <div id=”page”>
    <div id=”header”>
    <div id=”headerimg”>

    <h1>“><?php bloginfo(‘name’); ?></h1>
    <div class=”description”><?php bloginfo(‘description’); ?></div>

    </div>
    </div>

    <!– To edit Top Level Menu Navigation Edit Below–>

    <div id=”menu”>
    “>home about photos portfolio contact

    </div>

  • The topic ‘Jittery Header Bar’ is closed to new replies.