WordPress › Support » My Header doesn't show in all browsers...

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;

}

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.
viggianih2
Member
Posted 1 year ago #

cheaplychic.com
tracyselena
Member
Posted 4 months ago #

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

argg...

:-)

tracy
esmi
Member
Posted 4 months ago #

Site url?
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;
}
?>
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.

WordPress.org

Forums

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

Topic Closed

About this Topic

Tags

Code is Poetry