Probleme beim Headergraphik einfügen

Elwood76

Hallo,

ich möchte gerne anstelle der Blogdescription im Header eine Graphik in meinem neuen Theme anzeigen lassen.
Das Theme welches ich verwenden möchte ist dieses
Wordpress-Theme Blass — 1000ff

Ich habe nun vergeblich versucht in der style.css und in der header.php das Image 750 x 121px korrekt einzubinden. Die Graphik wird im FF korrekt angezeigt, im IE allerdings verschiebt es das ganze Blog nach links und ist nicht mehr zentriert. Des Weiteren soll die Graphik klickbar sein und wieder auf "Home" zeigen.
Über eine Unterstützung bzw. optimalerweise Zusendung der 2 angepassten Dateien würde ich mich sehr sehr freuen :-D

Vielen Dank vorab

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Macks

Schreib doch mal einen Link zu deiner Seite rein, damit wir Code und Ergebnis sehen können. :)

Lg,
Macks

Elwood76

das kann ich leider noch nicht, da die Seite augfgrund dieses Problems so noch nicht live gehen kann. Ich teste gerade über die Wordpress preview Ansicht. Kann ich Dich irgendwie kontaktieren bzw. Dir die 2 Dateien per mail zukommen lassen. Dann kannst Du Dir den Code anschauen ;-)
Das wäre klasse.

Elwood76

auch allen anderen hier, die mir bein meinem Problem Hilfestellung geben können können mich gerne kontaktieren. Würde mich sehr freuen ;-)

Elwood76

Hier noch der Code der beiden Dateien.
Ich bin über jegliche Tipps dankbar ;-)

CSS Code

HTML

/*


Theme Name: Blass
Theme URI: http://1000ff.de/
Description: Elegantes, widgetf&auml;higes Theme, das komplett ohne Bilddateien auskommt. 
Version: 1.0
Author: 1000ff
Author URI: http://1000ff.de/


*/






/* body
--------------------------------------------------*/


body {
    font: 62.5%/1.6em arial, verdana, geneva, sans-serif;
    color:#333;
    margin:0;
}


* {
    margin:0;
    padding:0;
}


code {
    font: 100% "Courier New", "Lucida Console", Arial;
}




/* header
--------------------------------------------------*/


#header {
    border-top:3px solid #fff;
}


#mainbanner{
    height:121px;
    width:750px;
    clear:both;
    margin:0 auto;
    background:url(images/banner.jpg) no-repeat right;
    }


.description{
    padding: 30px 0 0 20px;
    color: #fff;
    font: lighter 14px "Trebuchet MS", "Lucida Sans Unicode", Verdana;
}




#header h1 {
    border-bottom:0px solid #cccccc;
    padding:15px 0;
    margin:0;
    height:25px;
}


#wrapper {
    width:750px;
    margin:0 auto;    
}




/* header h1 (blogtitle)
--------------------------------------------------*/


h1 {
    font-family: arial, verdana, geneva, sans-serif;
    font-size:3.8em;
    font-weight:normal;
    color:#bebebe;
    letter-spacing:-1px;
    margin:15px 0;
}


h1 a {
    text-decoration:none;
    color:#bebebe;
}


h1 a:hover {
    text-decoration:none;
    color:#bebebe;
      background:#EFF8FB;
}




/* navigation
--------------------------------------------------*/


#nav {
    border-bottom:0px solid #cccccc;
    padding:15px 0;
    margin:0;
    height:25px;
}


#nav li {
    float:left;
    list-style:none;
      padding:0px 10px 0px 0px;
}


#nav li a {
    color:#999;
    padding:5px 5px 5px 5px;
    background:#fff;
    font:1.6em "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    margin:1px 2px 0 0;
    font-weight:normal;
    text-decoration:none;
    display:block;
}
#nav li a:hover {
    background-color:#bebebe;
    color:#000;
    text-decoration:none;
}


#nav li a.active {
    background-color:#eee;
    color:#444;
    text-decoration:none;
}


.clear {
    clear:both;
}




/* content
--------------------------------------------------*/


#content {
    margin:0 250px 0 0 !important;
    margin:0 250px 0 0;
    padding:5px 20px 30px 5px;
}






#content2 {
    margin:0 0px 0 0 !important;
    margin:0 0px 0 0;
    padding:10px 0px 30px 0px;
    
}




#content p, #content2 p {
    line-height:25px;
    margin:25px 0;
    font-size:150%;
    word-spacing:1px;
      text-align:justify;
     


}


#content a, #content2 a{
    text-decoration:none;
    color:#1269df;
}


#content a:hover, #content2 a:hover{
    background-color:#bebebe;
    color:#000;
}


#content h2, #content2 h2{
    font-family:Trebuchet MS;
    font-size:2.1em;
    font-weight:bold;
    font-style:normal;
    color:#999;
    margin:15px 0;
    border-bottom:0px dotted #e0e1e2;
    padding:1px 0;
    line-height:25px;
}


#content h2 a, #content2 h2 a {
    text-decoration:none;
    border:none;
}


#content h3 {
    margin:10px 0;
    font:160%  arial, verdana, geneva, sans-serif;
    color:#222;
}


#content2 h3 {
    margin:10px 0;
    font:160%  "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
    color:#222;
}


#content ul, ol {
    margin:10px 10px 10px 25px;
      font-size:140%;
}




#content2 ul, ol {
    margin:10px 10px 10px 25px;
}


#content li {
    padding:10px;
    list-style-image: url('images/li.png');
    border-bottom:0px solid #cccccc;
    
}




#content2 li {
    padding:10px;
    border-bottom:1px solid #EFF8FB;
}




/* border images / blockquote
--------------------------------------------------*/


img {
    background:#ccc;
    padding:1px;
    border:5px solid #eee;
}




blockquote {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    font-family: Arial;
    font-style: italic;
    color: #6F6F6F;
    margin: 25px;
    padding: 0 5px 5px;
}


/* lost links / more tag
--------------------------------------------------*/


a {
    color:#999;
    text-decoration:none;
}


a:hover {
    color:#000;
    text-decoration:none;
    background-color:#bebebe;
}


a.more {
    display:block;
    text-align:right;
    color:#2F460D;
    text-decoration:none;
    margin:10px 0 0 0 ;
}
a.more:hover {
    text-decoration:none;
}




/* metadata under post
--------------------------------------------------*/
.post{margin:0 0 30px 0;}


.post .info{
    
    border-bottom:0px solid #ccc;
    border-top:2px dotted #ccc;
    border-right:0px solid #ccc;
    border-left:0px solid #ccc;
    background-color:#FFFFFF;
    font-size:1.2em;
    color:#9d9c9c;
}




/* metadata sidebar ('about this post')
--------------------------------------------------*/


p.news {
    padding:10px;
    background:#ffffff;
    margin:10px 0 28px;
    color:#333;
      font-size:120%;
    border-bottom:4px solid #ccc;
    border-top:4px solid #ccc;
    border-left:4px solid #ccc;
    border-right:4px solid #ccc;


}






/* sidebar
--------------------------------------------------*/
#sidebar img {
    background:#ccc;
    padding:0px;
    border:none;
}




#sidebar {
    width:235px;
    float:right;
    margin-top: 0px;
    padding:48px 5px 30px 5px;
    
}


#sidebar h2 {
    letter-spacing:1px;
    font-size:1.6em;
    color:#333;
    padding:0 0 3px 0;
}


#sidebar ul {
    list-style:none;
    margin:0 0 23px 0;
      font-size:120%;
}


#sidebar li {
    padding:3px;
    border-bottom:1px solid #EFF8FB;
      list-style:none;
}


#sidebar li a {
    color:#999;
    text-decoration:none;
}


#sidebar li a:hover {
      color:#000;
    background-color:#bebebe;
    
}


#sidebar input {
    width:102px;
    padding:3px;
    background:#fff;
    color:#444;
    border:1px solid #eee;
    font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS; 
}


#sidebar input:focus {
    background:#fff;
    border:1px solid #eee;
}




/* some input
--------------------------------------------------*/


input {
    border: 1px solid #CCC;
    font-size: 11px;
}


input:hover {
    border:1px solid #262626;
    
}
input:focus {
    border:1px solid #262626;
    color:#333;
}




/* comments
--------------------------------------------------*/


#comments {
    font-size:0.9em;
}




#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;


}


#commentform {
    margin: 1em 0;
    background: #ffffff;
    width: 350px;
text-align:left;
}


#commentform textarea {
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 480px;
}


#commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #f8f7f6;
    border: 1px solid #d6d3d3;
    width: 350px;
}


#commentform input{
    margin-bottom: 3px;
}




/* footer
--------------------------------------------------*/


#footer {
    padding:20px 0 20px;
    margin:0;
    color:#333;
}


#footer a {
      color:#999;
      text-decoration:none;
}


#footer a:hover {
    text-decoration:none;
    color:#333;
      background:#EFF8FB;
}

Alles anzeigen

Header.php

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">


<head profile="http://gmpg.org/xfn/11">


<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<?php
echo ' <title>';
if ( is_home() ) {
// Blog's Home
echo get_bloginfo('name') . '';
} elseif ( is_single() or is_page() ) {
// Single blog post or page
wp_title(''); echo ' - ' . get_bloginfo('name');
} elseif ( is_category() ) {
// Archive: Category
echo get_bloginfo('name') . ' &raquo; Kategorie: '; single_cat_title();
} elseif ( is_day() ) {
// Archive: By day
echo get_bloginfo('name') . ' &raquo; Alle Artikel vom ' . get_the_time('d') . '. ' . get_the_time('F') . ' ' . get_the_time('Y');
} elseif ( is_month() ) {
// Archive: By month
echo get_bloginfo('name') . ' &raquo; Alle Artikel vom ' . get_the_time('F') . ' ' . get_the_time('Y');
} elseif ( is_year() ) {
// Archive: By year
echo get_bloginfo('name') . ' &raquo; Alle Artikel vom Jahr ' . get_the_time('Y');
} elseif ( is_search() ) {
// Search
echo get_bloginfo('name') . ' &raquo; Suche: &lsaquo;' . wp_specialchars($s, 1) . '&rsaquo;';
} elseif ( is_404() ) {
// 404
echo get_bloginfo('name') . ' &raquo; 404 - Angeforderte Seite nicht gefunden';
} else {
// Everything else. Fallback
bloginfo('name'); wp_title();
}
echo '</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" />


<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'); ?>" />


<link rel="shortcut icon" href="/favicon.ico" />


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


<?php wp_head(); ?>


</head>


<body>


<div id="wrapper">




        <div id="header">


<ul id="mainbanner">
      <div class="description"><h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<?php bloginfo('description'); ?></div>
</ul>


                        <ul id="nav">




                    <li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>


                      <?php wp_list_pages('depth=1&title_li='); ?> 


                        </ul>


                            
        
        </div>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme beim Headergraphik einfügen

Jetzt mitmachen!