Forums

My Header doesn't show in all browsers... (7 posts)

  1. viggianih2
    Member
    Posted 1 year ago #

    I am having issues with my header. I can see it fine in safari and firefox but my friend who has a PC and therefor has IE v. 6 told me he can't see it! I don't know what to do! Here is my header code:

    #header {
            width:775px;
            font-family: Verdana, Arial, sans-serif;
            overflow:hidden;
            margin:0 0 13px 0;
            padding: 15px 0 25px 0;
            background-image: url('images/header2.jpg');
            background-repeat: no-repeat;
    
            opacity: 0.9;filter:alpha(opacity=90);zoom:1;
    
             -webkit-border-top-left-radius:10px;
             -webkit-border-top-right-radius:0px;
             -webkit-border-bottom-left-radius:10px;
             -webkit-border-bottom-right-radius:10px;
    
             -khtml-border-radius-topleft:10px;
             -khtml-border-radius-topright:0px;
             -khtml-border-radius-bottomleft:10px;
             -khtml-border-radius-bottomright:10px;
    
             -moz-border-radius-topleft:10px;
             -moz-border-radius-topright:0px;
             -moz-border-radius-bottomleft:10px;
             -moz-border-radius-bottomright:10px;
    }
    
    #header a {
            color: #fff;
            text-decoration: none;
    }
    
    #header a:hover {
            text-decoration: none;
    }
    
    #header h1 {font-family:verdana,arial,sans-serif;
                font-size:29px;
                margin: 15px 0 0 20px;
                padding:0;
                color:#fff;
                z-index:1;
    
    }
    
    #header h1 a:hover {}
    
    #header h2 {margin-top:2px;
                font-family: verdana, arial, sans-serif;
                font-size:13px;
                color:#fff;
                margin-left:25px;
    
    }
    
    #headerleft {
                float:left;
                width:80%;
    
    }
    
    #headerright a {
            background:url(images/rss2.jpg) no-repeat -1px -64px #000;
            width:60px;
            height:59px;
            cursor:pointer;
            float:right;
            margin:10px 20px 0 0;
    }
    
    #headerright a:hover {
            background:url(images/rss2.jpg) no-repeat -1px -1px;
    }
    
    .navlink {
    
            margin:0px 48px 20px 40px;
            color:#808080;
            text-align:center;
            font-size:10px;
    }
    
    .navlink a {
            padding:10px;
            font-size:10px;
            background:#fff;
            opacity: 0.5;filter:alpha(opacity=50);zoom:1;
    }
    
    .navlink a:hover {
            color:#000;
    
    }
    
    #headmenu {
    font-family: verdana, arial, sans-serif;
    font-size:16px;
    width:775px;
    letter-spacing:-1px;
    font-weight:bold;
    float:none;
    margin:30px 0 0 0;
    color:#fff;
    overflow:hidden;
    }
    
    #headmenu a {
             color:#000;
             background:#fff;
             padding:3px 10px 2px 10px;
             margin:0 0 0 3px;
             line-height:21px;
    
             opacity: 0.8;filter:alpha(opacity=80);zoom:1;
    
             -webkit-border-top-left-radius:5px;
             -webkit-border-top-right-radius:5px;
             -webkit-border-bottom-left-radius:0px;
             -webkit-border-bottom-right-radius:0px;
    
             -khtml-border-radius-topleft:5px;
             -khtml-border-radius-topright:5px;
             -khtml-border-radius-bottomleft:0px;
             -khtml-border-radius-bottomright:0px;
    
             -moz-border-radius-topleft:5px;
             -moz-border-radius-topright:5px;
             -moz-border-radius-bottomleft:0px;
             -moz-border-radius-bottomright:0px;
    
    }
    
    #headmenu a:hover {text-decoration:none; color:#fff; background:#000;}
    #headmenu ul {margin-top:0;}
    #headmenu ul li {float:right;
                list-style-type:none;

    }

  2. whooami
    Member
    Posted 1 year ago #

    thats NOT your header, thats CSS.

    if you want help with this, please provide a link to the blog.

  3. viggianih2
    Member
    Posted 1 year ago #

    cheaplychic.com

  4. tracyselena
    Member
    Posted 4 months ago #

    did you get this fixed? i'm having the same problem...

    argg...

    :-)

    tracy

  5. esmi
    Member
    Posted 4 months ago #

    Site url?

  6. AbbyDon
    Member
    Posted 2 months ago #

    I'm having the same issue. I typed in the image url to the CSS from my Mac (Firefox). However, when I'm at work on my PC (IE7) the image doesn't show up.
    The url is http://www.becomingaprayingcongregation.com.
    Here's what the CSS looks like:
    <?php
    function bfa_rotating_header_images() {

    if (file_exists(ABSPATH."/wpmu-settings.php")) {

    ################### images in WP upload folder (on WPMU)

    $files = m_find_in_dir(url('/wp-content/themes/atahualpa/images/header/weblabryinthheaderghosted.jpg'),
    'atahualpa_header_[0-9]+\.(jpe?g|png|gif|bmp)$');

    if ($files) {
    foreach($files as $value) {
    $bfa_header_images[] = "'" . str_replace(url('/wp-content/themes/atahualpa/images/header/weblabyrinthheaderghosted.jpg'),
    url('/wp-content/themes/atahualpa/images/header/weblabyrinthheaderghosted.jpg'), $value) . "'";
    }
    }

    }

    # If no user uploaded header image files were found in WPMU, or this is not WPMU:

    if (!file_exists(ABSPATH."/wpmu-settings.php") OR !$files ) {

    ################### images in /images/header/ (on regular WordPress)

    $files = "";
    $imgpath = TEMPLATEPATH . '/images/header/';
    $imgdir = get_bloginfo('template_directory') . '/images/header/';
    $dh = opendir($imgpath);

    while (FALSE !== ($filename = readdir($dh))) {
    if(eregi('.jpg', $filename) || eregi('.gif', $filename) || eregi('.png', $filename)) {
    $files[] = $filename;
    }
    }
    closedir($dh);

    foreach($files as $value) {
    $bfa_header_images[] = '\'' . $imgdir . $value . '\'';
    }

    }

    return $bfa_header_images;
    }
    ?>

  7. fish001
    Member
    Posted 3 weeks ago #

    Hi,

    I'd be delighted with some help with this issue too please. I can't seem to find any definitive guideance on this issue.

    The website I'm creating for a client is http://www.reservefc.com.au and I get the following results with the jpg header image:-

    Safari - Shows
    Firefox - No Show
    Camino - No Show
    Chrome - Shows
    Opera - No Show
    IE - No Show

    All this on a Mac, all latest version of the browser in question and IE was run in Windows 7 running under Parallels.

    Is there something special about Safari and Chrome that allows this to work?

    Hope someone can help me!

    Regards,

    Greg.

Topic Closed

This topic has been closed to new replies.

About this Topic