Liebe Gemeinde,
ich bin neu in diesem Forum und habe ein Problem, dass ich nicht verstehe. Bin auch noch nicht so geübt wie viele andere.
Ich habe ein Wordpresstemplate erstellt, das funktioniert auch, aber ich habe ein Problem, dass ich obwohl der Pfad richtig (glaube ich;-)) ist die ".png" im Header nicht angezeigt wird. Wenn ich im Editior auf mit der Maus auf den Pfad gehe zeigt er das Bild auch an. Im Inspektor (chrome) wird die Grafik als "404" nicht gefunden angezeigt.
Irgendwo habe ich wahrscheinlich eine logische Reihenfolge durchbrochen oder etwas aufgehoben, dass ich nicht finden kann. Das Hintergundbild liegt im gleichen Ordner, dass wird auch angezeigt, daher gehe ich davon aus, dass der Pfad des Bildes auch richtig ist. Danke für eure Mühe!!!
<!DOCTYPE html><html lang="<?php bloginfo('language');?>"> <head> <meta charset="<?php bloginfo('charset');?>" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title><?php wp_title('');?><?php bloginfo('name');?></title> <link rel="stylesheet" href="<?php bloginfo('template_url');?>/css/normalize.css"> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>"> <?php wp_head();?> </head> <body> <div class="container"> <header class="site-header"> <a class="logo-home" href='<?php echo home_url('/');?>'> </a><img border="0" alt="Logo Dachdecker Appel" src="img/logo-appel.png" width="100" height="100"> <?php get_template_part('template_parts/navi'); ?> </header>/*
Theme Name: Vorrübergehende Umbau Seite
Author: Alex
Author URI: https://
Description: Ein vorrübergehendes responsive Template zum Webseitenumbau inkl. Kontakt
Version: 1.0
*/
header, {
background: rgba(0,0,0,0.3);
padding: 0.5em;
margin-bottom: 0.5em;
}
/*Globals*/
* {
box-sizing: border-box;
}
body {
background-image: url(img/background.png);
color: black;
font-family: oswwald-bold;
}
.container{
max-width: 1100px;
margin: 0 auto;
padding-top: 5em;
}
/*Header*/
.site-header{
width: 100%;
height:200px;
position: fixed;
left: 0;
top: 0;
}
/*Navigation*/
@media screen and (min-width:600px){
.site-nav{
float: right;
padding-top: 164px;
padding-right: 50px;
}
}
.site-nav{
background: white;
}
/*Main*/
@media screen and (min-width:600px){
.site-main{
float:left;
width: 100%;
height: 100%;
}
}
/*Content*/
@media screen and (min-width:600px){
.site-content{
float:left;
width: 68%;
}
}
/*sidebar*/
@media screen and (min-width:600px){
.site-sidebar{
float:right;
width: 28%;
}
}
/*footer*/
.site-footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: black;
color: white;
text-align: center;
}
@media screen and (min-width:600px){
.site-sooter{
float:left;
width: 100%;
}
}