klein foutje? html/css/php

**bart roelofs** · 08-11-2011, 19:12

Hey,

Ik ben begonnen met wordpress. Maar nu staat er ergens een klein foutje in de code, en het is waarschijnlijk iets heel kleins. Maar ik ben al een uur aan het zoeken, googlen, aanpassen, css disablen, positie veranderen, maar ik zie de fout niet. De code moet nog vereenvoudigd worden, sommige dingen staan nog in een dubbele div, maar laten we even ter zake blijven.

Het probleem is dat de afbeelding niet wordt weergegeven.

de afbeelding staat in de bijlage.

De code(header):

PHP Code:


<div class="container">
    
      <div id="header">
    
        <div id="blognaam">
    
                <h1><?php bloginfo('name');?></h1>
            
        </div>       
            
            <div id="slogan">
            
                <h3><?php bloginfo('description'); ?> </h3>
            
        </div>
        

        
                <img src='images/header_right.png' />
                <p>test</p>
        

    
     </div>
        
        <div id="menu">
    
            <div class="navigation">
            
                <?php

                    wp_list_pages('sort_column=menu_order');

                ?>
            
            </div>
        
        </div>

    </div>

de code (index.php):

PHP Code:


<!DOCTYPE HTML>

<html lang="en"> 
<head>  
<title><?php bloginfo('name'); ?></title>


<meta name="description" content=<?php bloginfo('description'); ?> /> 


<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />


</head>    


<?php include('header.php');?>
            
            <br />
            <br />
            
    <div id="content">
            
            <h2><?php the_title_attribute(); ?></h2>
            
              <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
 
                    <?php the_content(); ?>

             <?php endwhile; else: ?>
 
             <?php endif; ?>
 
    </div>

de style.css:

Code:

/*
Theme Name: first theme
Theme URI: 
Author: web-bart
Author URI: http://web-bart.nl
Description: This theme only loads your main sidebar widgets, install theme, drag widgets to sidebar, done.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: super small.
*/
body{
	background-color:#FFF;
	margin:0px;
	color:#333;
}

#header{
		background-color:#333;
		height:100px;
		color:#FFF;
}
#blognaam{
		margin-left:30px;
}
#slogan{
		margin-left:50px;	
}
#copyright{
		background-color:#333;	
		color:#FFF;
}
div.navigation ul li {
		float: left;
		list-style:none;
		margin-right:10px;
		font-size:40px;
		color:#FFF;
}
div.navigation ul li a:link {
		color:#FFF;
}
#menu{
		background-color:#333;
		height:100px;
		width:100%	
}

De footer is er nog niet, bestaat wel al, maar staat nog niets in. Ik kan jullie geen previeuw geven, alles op een localhost.

*edit: Houd er rekening mee dat de kleur van de afbeelding hetzelfde is als de achtergrond. Maar aangezien de afbeelding in de header moet komen, maakt dat niet veel uit.

**Stefan Berghuis** · 08-11-2011, 19:17

PHP Code:


<div class="container"> 
     
      <div id="header"> 
     
        <div id="blognaam"> 
     
                <h1><?php bloginfo('name');?></h1> 
             
        </div>        
             
            <div id="slogan"> 
             
                <h3><?php bloginfo('description'); ?> </h3> 
             
        </div> 
         
 
         
                <img src='/images/header_right.png' /> 
                <p>test</p> 
         
 
     
     </div> 
         
        <div id="menu"> 
     
            <div class="navigation"> 
             
                <?php 
 
                    wp_list_pages('sort_column=menu_order'); 
 
                ?> 
             
            </div> 
         
        </div> 
 
    </div>

probeer deze is

**bart roelofs** · 08-11-2011, 19:34

Ik had graag gezecht dat het nu wel werkte, maar niets is minder waar :(

B. Roelofs

**Jan Willem L.** · 08-11-2011, 19:38

Bart, probeer de hele url eens.
zoals dit: <img src="http://www.xxxxx.nl/wp-content/themes/xxxx/images/header_right.png">

**bart roelofs** · 08-11-2011, 19:56

Ook dit bracht geen resultaat (helaas...). Nu is mijn vraag, kan het aan wordpress liggen? Dat ik op deze manier geen afbeeldingen kan gebruiken? misschien omdat het een php bestand is dat ik iets anders moet doen. Ik ben niet bekend met wordpress, daarom vraag ik om hulp. De afbeelding staat echt in de map images/header_right.png

maar als ik de (voledige) url in de browser invoer, krijg ik niets te zien. Ik weet ook niet of dit aan wordpress ligt. Ook kan het misschien aan het feit liggen dat ik de afbeelding met illustrator heb gemaakt en hem niet heb opgeslagen als illustratorbestand, maar alleen als .png?

Ik probeer alleen maar mee te denken. Kan goed zijn dat van bovenstaande dingen niets klopt. Ik ken nog niet erg goed wordpress, maar zo zijn we ooit allemaal begonnen.

B. Roelofs
Aanvullend bericht:
Hey allen,

Een vriend van me (die deze post zag) belde me. Hij zei dat wordpress alle bestanden in de 'themes' map include.

Je moet de afbeeldingen dus vanuit de wordpress map aanroepen. Dat zou er dan dus zo uitzien:

wp-content/themes/theme_name/images/image_name.png

Hopelijk heb ik jullie ook nog wat geleerd :p

**Stefan Berghuis** · 08-11-2011, 21:18

haha, gelukkig dat het opgelost is

klein foutje? html/css/php