Problem mit dem Background

GKNBond · 26. Februar 2013

Hallo, ich wollte in meine Website ein großes Hintergrundbild einbinden, aber es wird mir nichts angezeigt.
Hier mein Code:

PHP

<style type="text/css">
body {
      background-color: #FFCC66;
      background-image: url(images/background.png);
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
</style>

Hier mein gesamter Code:

PHP

<?php
defined( '_JEXEC' ) or die( 'Access to this location is RESTRICTED.' );
echo '<?xml version="1.0" encoding="utf-8"?'.'>';
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<style type="text/css">
body {
      background-color: #FFCC66;
      background-image: url(images/background.png);
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
</style>
<jdoc:include type="head" />
<meta name="designer" content="Juergen Koller - http://www.lernvid.com" />
<meta name="licence" content="Copyright LernVid.com - Creative Commons Sharalike 3.0" />
<link href="templates/<?php echo $this->template ?>/css/template.css" rel="stylesheet" type="text/css" media="all" />
<link href="templates/<?php echo $this->template ?>/css/joomla.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 7]>
  <link href="templates/<?php echo $this->template ?>/css/ie7.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
  <link href="templates/<?php echo $this->template ?>/css/ie5x6x.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.5.2.min.js"></script>
<script type="text/javascript">
  var jq = jQuery.noConflict();
</script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/effects.js"></script>
<?php
  $contentwidth='';
  if($this->countModules("position-7")&&!$this->countModules("position-8")){ $contentwidth="left";}
  if($this->countModules("position-8")&&!$this->countModules("position-7")){ $contentwidth="position-8";}
  if($this->countModules("position-7")&&$this->countModules("position-8")) {$contentwidth="middle"; }
?>
</head>
<body>
<div id="wrapper">
  <div id="spacer"></div>
  <div id="masthead_container">
    <div id="masthead">
      <?php if (($this->params->get('showLogo')) !=0) : ?>
        <div id="logo"></div>
      <?php endif; ?>
      <div id="searchbox">
        <div id="search">
          <div id="search_inner">
                   <jdoc:include type="modules" name="position-0" />
          </div>
        </div>
      </div>  
      <?php if (($this->params->get('showFeuerwehr')) !=0) : ?>
        <div id="feuerwehr">
          <a href="index.php"><span style="color: #<?php echo  $this->params->get('FontColor');?>; ; font-size:<?php echo  $this->params->get('FontSize');?>px;"><?php echo  $this->params->get('FeuerwehrName');  ?></span></a>
        </div>
      <?php endif; ?>
      <?php if (($this->params->get('showSlogan')) !=0) : ?>
        <div id="slogan">
          <div style="color: #<?php echo  $this->params->get('SloganColor');?>; ; font-size:<?php echo  $this->params->get('SloganSize');?>px;"><?php echo  $this->params->get('Slogan');  ?></div>
        </div>
      <?php endif; ?>
    </div>
  </div>
  <div id="container">
  <!-- Begin Container -->
    <?php if($this->countModules('position-1')) : ?>
      <div id="navigation">
               <jdoc:include type="modules" name="position-1" />
      </div>
    <?php endif; ?>
    <div class="clr"></div>
    <?php if($this->countModules('user5 or use6 or user7')) : ?>
      <div id="user_modules2">
          <?php if($this->countModules('user5')) : ?>
            <div id="user5">
              <jdoc:include type="modules" name="user5" style="lvround" />
            </div>
          <?php endif; ?>        
          <?php if($this->countModules('user6')) : ?>
            <div id="user6">
              <jdoc:include type="modules" name="user6" style="lvround" />
            </div>
          <?php endif; ?>        
          <?php if($this->countModules('user7')) : ?>
            <div id="user7">
              <jdoc:include type="modules" name="user7" style="lvround" />
            </div>
          <?php endif; ?>        
      </div>
      <div class="clr"></div>
    <?php endif; ?>        
    <?php if($this->countModules('top')) : ?>
      <div id="top">
        <div id="top_inner">
                 <jdoc:include type="modules" name="top" style="lvround" />
        </div>  
      </div>
      <div class="clr"></div>
    <?php endif; ?>          
    <div id="breadcrumb">
      <?php if($this->countModules('position-2')) : ?>
        <div id="breadcrumbs">
                <jdoc:include type="modules" name="position-2" />
          </div>
      <?php endif; ?>  
    </div>
    <div id="page_content">
        <?php if($this->countModules('position-7')) : ?>
          <div id="sidebar_left">
                   <jdoc:include type="modules" name="position-7" style="rounded" />
          </div>
        <?php endif; ?>    
        <?php if($this->countModules('position-8')) : ?>
          <div id="sidebar_right">
                   <jdoc:include type="modules" name="position-8" style="rounded" />
          </div>
        <?php endif; ?>    
          <div id="content_out<?php echo $contentwidth; ?>">
          <div id="maincontent">
            <jdoc:include type="message" />
             <jdoc:include type="component" />
          </div>
        </div>
    </div>  
    <div class="clr"></div>
    <div id="container2">
      <?php if($this->countModules('user1 or user2')) : ?>
        <div id="user_modules1">
          <?php if($this->countModules('user1')) : ?>
            <div id="user1">
                   <jdoc:include type="modules" name="user1" style="lvround" />
            </div>
          <?php endif; ?>      
          <?php if($this->countModules('user2')) : ?>
            <div id="user2">
                     <jdoc:include type="modules" name="user2" style="lvround" />
            </div>
          <?php endif; ?>      
      </div>
      <?php endif; ?>      
      <div class="clr"></div>
      <?php if($this->countModules('user8 or user9 or user10')) : ?>
        <div id="user_modules0">
          <?php if($this->countModules('user8')) : ?>
            <div id="user8">
              <jdoc:include type="modules" name="user8" style="lvround" />
            </div>
          <?php endif; ?>        
          <?php if($this->countModules('user9')) : ?>
            <div id="user9">
              <jdoc:include type="modules" name="user9" style="lvround" />
            </div>
          <?php endif; ?>        
          <?php if($this->countModules('user10')) : ?>
            <div id="user10">
              <jdoc:include type="modules" name="user10" style="lvround" />
            </div>
          <?php endif; ?>        
        </div>
      <?php endif; ?>        
      <div class="clr"></div>
      <div id="footer">
        <jdoc:include type="modules" name="footer" />
      </div>
      <div id="bottom">
        <div id="date"><?php $format =''; echo JHTML::_('date', 'now', $format ? $format : JText::_('DATE_FORMAT_LC1')); ?></div>
        <div id="scroll_up"> <a href="#" id="gotop" title="scroll to top"><img onmouseout="this.src='templates/<?php echo $this->template ?>/images/gotop.gif';" onmouseover="this.src='templates/<?php echo $this->template ?>/images/<?php echo $this->params->get('colorVariation'); ?>/gotop_hover.gif';" src="templates/<?php echo $this->template ?>/images/gotop.gif" alt="scroll to top" height="50" width="50" border="none" /></a></div>
      </div>
      <div class="clr"></div>
      <div id="copyright_info">
        <p>&copy; <?php echo  $this->params->get('FeuerwehrName');  ?> - 2011 - all rights reserved</p>
      </div>
    </div>
  </div>
  <div class="clr"></div>
  <div id="designed_by">
    <p><a href="http://www.lernvid.com" title="Joomla Templates" target="_blank">Designed by LernVid.com</a></p>
  </div>
</div>
<jdoc:include type="modules" name="debug" style="xhtml" />
</body>
</html>

Alles anzeigen

Vlt. könnt ihr mir helfen.

MfG: Bond

Devine_ · 26. Februar 2013

Wird überhaupt was angezeigt?

GKNBond · 26. Februar 2013

Nein,also der Background nicht

Kaliber · 26. Februar 2013

Zitat von GKNBond

Nein

Bist du dann überhaupt sicher, dass sich das Bild in dem gegebenen Ordner/Pfad befindet

GKNBond · 26. Februar 2013

Ja es befindet sich in dem Ordner.

Devine_ · 26. Februar 2013

Lad das Bild ma hoch und füg den directlink ein ansonsten den Pfad noch einmal überprüfen.

GKNBond · 26. Februar 2013

mh hab es jetzt so gemacht, aber es wird immer noch nichts angezeigt.
Code:

PHP

background-color: #FFCC66;
      background-image: url(http://www10.pic-upload.de/26.02.13/324cpdy2j8dy.png);  
      background-repeat: no-repeat;
      background-attachment: fixed;

Kevin B. · 26. Februar 2013

Hey haste mal so Probiert?

PHP

background: url('http://www10.pic-upload.de/26.02.13/324cpdy2j8dy.png');

Longibotti · 26. Februar 2013

Bei dem Code wurde mir ein bisschen schlecht Ich glaube aber, dass ich den Fehler gefunden habe. Schau mal in Zeile 19 (bzw. 20, 22, 25), da wird ein Stylesheet eingebunden. Es ist möglich, dass durch dieses Stylesheet die vorherige Angabe des Hintergrundbildes nichtig gemacht wird. Wenn ich zuerst festlege, dass der Hintergrund rot ist, und ein paar Zeilen später festlege, dass der Hintergrund weiß ist, dann wird er natürlich beim Endverbraucher weiß sein

breadfish.de 11. März 2022