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>© <?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>Vlt. könnt ihr mir helfen.
MfG: Bond
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 