Header+Bild+Link?

copyright

Hallo WPler,
I have a little problem xD ...

Problem:

Ich möchte über den Header Bilder legen, die ich auch verlinke.
Meines erachtens habe ich keinen Fehler gemacht, allerdings zeigt er
die Linkbilder nicht an?

Hier mal die Header.php und die style.css:

PHP

<!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'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archi <?php } ?> <?php wp_title(); ?></title>
 <meta name="generator" content="Bluefish 1.0.7"/> <!-- 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'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
 <div class="content">
  <div id="top">
   <div class="padding">
    <a href="<?php bloginfo('url'); ?>/wp-admin">Login</a> | <a href="<?php bloginfo('rss2_url'); ?>">RSS</a>
   </div>
  </div>
  <div id="header">
   <div class="f_search">
     <form action="<?php echo $_SERVER['PHP_SELF']; ?>" name="" id="">
<p><a href="index.php"><img src="http://forum.wordpress-deutschland.org/images/home.jpg" alt="Home"/></a>
</p>
 </form>
   </div>
   <div class="title">
    <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
 
 
<h2><?php bloginfo('description'); ?></h2>
   </div>
  </div>
 
  <div id="subheader">
   <div id="menu">
     <ul>
<li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
   </div>
 
 
  </div>

Alles anzeigen

Habt bitte Nachsicht mit mir,
bin noch Anfänger und hab noch nicht so viel Ahnung.

Gegoogelt und geseached hab ich schon,
aber nichts passendes für mich speziell gefunden.

Bitte um Hilfe!

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

copyright

und hier noch die style.css
(Buchstabenanzahl war zu lang)

[code=php]

PHP

/*
Theme Name: DJOberdreis
Theme URI: http://www.dj-oberdreis.com
Version: 3.0
Description: DJ Page (weiss blau)
Author: René Zerres
 
*/
/*
 DJOberdreis 
 by Rene Zerres
 
 
*/
body { 
 margin:0px 0; 
 padding:0; 
 color:#ccc;  
 background: #1d1f20 url(file:///F|/XAMPP/xampp/htdocs/wordpress/wp-content/themes/blueblog_DE/blueblog_DE/images/bg.jpg) repeat-x;
 line-height: 1.4em; font-style:normal; font-variant:normal; font-weight:normal; font-size:74%; font-family:Arial, Sans-Serif 
}
a img
{
border:none;
}
 
.content { 
 background: #1d1f20 url(file:///F|/XAMPP/xampp/htdocs/wordpress/wp-content/themes/blueblog_DE/blueblog_DE/images/mainbg.jpg) repeat-y center;
 color: #ccc; 
 margin: 0 auto; 
 padding: 0; 
 width: 1024px
}
.img {
 padding: 0 8px 8px 0;
 float: left;
}
.img2 {
 padding: 0 0 3px 3px;
 float: right;
}
 
/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {
 padding: 0;
 margin: 0;
 background: #1d1f20 url(file:///F|/XAMPP/xampp/htdocs/wordpress/wp-content/themes/blueblog_DE/blueblog_DE/images/top.jpg) no-repeat top;
 height: 28px
}
#header { 
 margin: 0; 
 width: 1024px; 
 background: #FFF url(file:///F|/XAMPP/xampp/htdocs/wordpress/wp-content/themes/blueblog_DE/blueblog_DE/images/header.jpg) no-repeat center top;  
 height: 135px; 
 color: #FFF 
}
#header .f_search { float: right; padding: 70px 100px 0 0; }
#header .title { padding: 45px 0 0 50px; }
#header h1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 22px; font-weight: bold;
  margin: 0;
  padding: 0; 
}
#header h2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px; 
    background-image: none;
  color: #075181;
  margin: 0;
  padding-left:2px; padding-right:0; padding-top:0; padding-bottom:0
}
 
/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#subheader { 
 background: #000 repeat-y center;
 width: 770px;
 height: 35px;
 color: #FFF;
 margin-left: 15px;
 
}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }
 
/* NAVIGATION
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav { text-align: left; color:  #7D8085; padding: 20px 0 0 0px; width: 200px; }
.nav li { 
 margin: 5px 0 5px 0px; 
 padding: 0px 0 0 0px; 
 border-bottom: 1px dotted #ccc; 
 
 list-style: none;
}
.nav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px;}
.nav li a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block; margin-bottom: 2px;}
 
/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 760px; margin: 0 20px 0 50px; color: #808080; }  
#main .right_side { float: right;
 padding:0px 0 0 10px; margin:0;
 background-color: #FFF;
 width: 60px; 
}
#main .right_side .hitems { margin: 0;  padding: 0; }
#main .right_side .hitems ul { 
 margin: 5px 0; 
 padding : 0; 
 color: #a90000;
 list-style-image: url(file:///F|/XAMPP/xampp/htdocs/wordpress/wp-content/themes/blueblog_DE/blueblog_DE/images/arrow.gif);
}
 
#main .right_side .hitems li { 
 margin: 0 0 2px 20px;
 padding: 0 0 0 0px;
 color: #555;
 
}
#main .left_side { float: left; width: 500px; background: #FFF; padding:15px 15px 0 20px; margin:0; }
#main h3 {  font: 85% Arial, Sans-Serif; margin: 0 0 10px 0px; padding: 0; color: #5f5f5f; background: inherit; 
   border-bottom: 1px solid #036CB4;
}
#main .box  { background: #efefef; padding: 5px; border: 1px solid #ccc;}
#main .right_side ul { 
 margin: 5px 0 5px 0; 
 padding : 0; 
 list-style : none; 
 border-bottom: 0px solid #eee; 
 list-style-type: square;
 color: #a90000;
}
 
#main .right_side li { 
 margin: 0 0 2px 15px;
 padding: 0 0 0 0px;
 color: #555;
}
#main .right_side  .padding {
margin: 0 0 20px 15px;
 padding: 0 0 0 0px;
 color: #555;
}
 
/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { 
 clear:both;
 height: 43px;
 color:#ccc;  
 background: #000 url(file:///F|/XAMPP/xampp/htdocs/wordpress/wp-content/themes/blueblog_DE/blueblog_DE/images/footer.jpg) no-repeat top; 
 font-size:90%; 
 padding: 0; 
 text-align:center 
}
#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
 float:right; 
 clear:right; 
 text-align:right; 
}
#footer a { color: #E0F5FF; }
/*  Top Menu */
#menu {
 background: #000 url(file:///F|/XAMPP/xampp/htdocs/wordpress/wp-content/themes/blueblog_DE/blueblog_DE/images/menu.jpg) no-repeat center bottom;
 width: 760px;
 height: 35px;
 margin: 0;
 padding: 0
}
#menu ul { margin:0; list-style:none; padding: 5px 0 0 20px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li { float:left; color: #FFF; background: #000; margin:0; padding:0 0 0 0px; }
#menu a:hover { text-decoration:underline;}  
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }
 
 
/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/
input.search { width: 150px; border: 1px solid #075181; color: #666; }
input.submit { 
 background: none; 
 color: #075181;
 border: 0px none;; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; font-family:Arial, Verdana, Helvetica, sans-serif
}
input.search:hover { background: #FFFFF4; }
ul { margin-left: 0; padding-left: 5px; list-style : square; }
li {  margin: 0 0 2px 15px; padding: 0 0 0 0px; color: #555; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }
p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }
h1 { 
 padding:0; 
 margin:0; 
 color: #FFF; 
 background: inherit;
 font: bold 1.8em Arial, Sans-Serif; 
 letter-spacing: -1px;
}
h1 a { color: #FFF; background: inherit; }
h2 { 
 background: url(file:///F|/XAMPP/xampp/htdocs/wordpress/wp-content/themes/blueblog_DE/blueblog_DE/images/h.gif) no-repeat left;
 color:#075181;
 font-size:140%; 
 font-weight:bold; 
 margin-left:0px; margin-right:0; margin-top:5px; margin-bottom:5px; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:0 
}
h2 a { background: #FFF; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }
fieldset { border: 1px solid #075181; }
textarea.text { 
 height: 150px; 
 width: 90%; 
 border: 1px solid #A90000; 
 background: #FFF; 
 color: #354D5F;
}
textarea.text:hover { 
 border: 1px solid #A70000; 
 background: #FFFFF4; 
 color: #000;
}
input.field { 
 border: 1px solid #075181; 
 background-color: #FFFFFF; 
 width: 283px; 
 color: #000;
}
input.field:hover { 
 border: 1px solid #68ADD5; 
 background: #FFFFF4; 
 color: #000;
}
input.text { 
    border: 1px solid #A70000; 
 margin: 0; 
 width: 150px;
 background: inherit;
 color: #000; 
 padding: 4px;
 
}
 
input.text:hover { 
 border: 0px solid #68ADD5; 
}
.date { 
 color: #808080; 
 background: #FFFFFF;
 text-align: right; 
 margin: 4px 0 5px 0; 
 padding: 0.4em 0 0 0; 
 border-top: 1px solid #eee;
}
.comments { 
 padding: 10px 10px 8px 10px; 
 margin: 0 0 7px 0; 
 background: #f8f8f8; 
 color: #000;
}
.commentsbox { 
 padding: 8px 0 10px 10px; 
 margin: 0 0 10px 0; 
 background: #f4f4f4; 
 color: #000;
}
.error {
 color: #990000;
 background-color: #FFF0F0;
 padding: 7px;
 margin-top: 5px;
 margin-bottom: 10px;
 border: 1px dashed #990000;
}
.error h2 {
 color: #990000;
 background: inherit;
}
.success {
 color: #000000;
 background: #F5FBE1;
 padding: 7px;
 margin-top: 5px;
 margin-bottom: 5px;
 border: 1px dashed #7BA813;
}
.success h2 {
 color: #7BA813;
 background: inherit;
}
 
/*post stylng*/
.post{margin:0 0 25px 0;}
.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}
 
/*comment styling*/
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}
#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

Alles anzeigen

Theme: "blueblog_DE"
Da ich nur Offline baue,
leider kein Blog zum anschauen

copyright

bitte um Antwort : )

marX

Ich zitiere mal den wahrscheinlich relevanten Teil deines Codes:

PHP

<div id="header">
  <div class="f_search">
    [COLOR="Red"]<form action="<?php echo $_SERVER['PHP_SELF']; ?>" name="" id="">[/COLOR]
      [COLOR="#c0c0c0"]<p>[/COLOR]
        <a href="[COLOR="Blue"]index.php[/COLOR]"><img src="[COLOR="DarkOrange"]http://forum.wordpress-deutschland.org/images/home.jpg[/COLOR]" alt="Home"/></a>
      [COLOR="Silver"]</p>[/COLOR]
    [COLOR="#ff0000"]</form>[/COLOR]
  </div>

Warum ist da ein Formular? Das ist m.E. unnötig. Die <p>-Elemente können dann natürlich auch entfallen.

Verlinke nicht auf die index.php, sondern verwende die passenden Template Tags - in dem Fall

PHP

<?php bloginfo('url'); ?>

Wenn du auf ein Bild hier im Forum verlinken willst, dann wirst du wahrscheinlich Probleme bekommen. Vielleicht ist das ja schon der ganze Fehler. Lade ein eigenes Bild in deinen Theme-Order hoch und verlinke dieses im src-Attribut des <img>-Elements.

Ein hilfreiches Template-Tag zum Einstieg: Template Tags/bloginfo « WordPress Codex

copyright

PHP

<!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'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archi <?php } ?> <?php wp_title(); ?></title>
 <meta name="generator" content="Bluefish 1.0.7"/> <!-- 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'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
 <div class="content">
  <div id="top">
   <div class="padding">
    <a href="<?php bloginfo('url'); ?>/wp-admin">Login</a> | <a href="<?php bloginfo('rss2_url'); ?>">RSS</a>
   </div>
  </div>
  <div id="header">
   <div class="f_search">
 
<a href="<?php bloginfo('url'); ?> "><img src="/images/home.jpg" alt="Home"/></a>
 
   </div>
   <div class="title">
    <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
 
 
<h2><?php bloginfo('description'); ?></h2>
   </div>
  </div>
 
  <div id="subheader">
   <div id="menu">
     <ul>
<li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
   </div>
 
 
  </div>

Alles anzeigen

so sieht jetzt meine header.php aus...
das Bild für die Verlinkung wird aber immer noch nicht angezeigt.

So langsam verzweifel ich,
denn wenn ich es mit Dreamwaver öffne, erkennt das Programm das Bild
und zeigt es auch in der Dreamwaver vorschau an.

HILFE! :twisted: :???:

marX

Wenn das Bild im Theme-Verzeichnis im Unterordner "images" liegt, dann ist deine src-Angabe immernoch nicht ganz korrekt. So müsste es funktionieren:

PHP

<a href="<?php bloginfo('url'); ?> "><img src="<?php bloginfo('template_directory') ?>/images/home.jpg" alt="Home"/></a>

copyright

Danke,
du bist der Burner : )

Hat funktioniert *happy*

marX

Ich hoffe du hast auch verstanden, warum es so funktioniert... ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header+Bild+Link?

Jetzt mitmachen!