bilder bzw positionen nicht angezeigt

lima-city → Forum → Die eigene Homepage → Grafikdesign

Autor dieses Themas

15:31, 14.3.2010

hallo, ich mache gerade ein joomla design und habe folgendes problem:

1) ich möchte dass der footer angezeigt wird, doch das funzt irgendwie nicht. Stattdessen wird der footer text auf der startseite als ganz normaler text angezeigt

2) ich möchte eine Modul position hinzufügen, hab das ganze in css definiert, doch das funktioniert nicht. Das Modul heißt headermenu

3) ich möchte dass ein Bild links angezeigt wird. Es heißt wwwimg Ich hab das ganze in css definiert aber es wird nicht angezeigt.

Natürlich hab ich das ganze auch in der index.php angegeben.

hier ist die style.css:

@charset "utf-8";
/* CSS Document */

/* begin Page */

body {
background:#000000 url(../images/Page-BgTexture.jpg) no-repeat fixed center center;
bottom:0;
height:auto;
left:0;
margin:0 auto;
padding:0;
right:0;
top:162px;
width:100%;
}

.Main
{
  position: static;
  width: 100%;
  left: 100px;
  top: 130px;
}

.headermenu
{
  position: fixed;
  top: 100px;
  left: 350px;
  height: 215px;
  width: 600px;
}

.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
  margin-top: 0px !important;
  left: 230px;
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 500px;
}


.Sheet-body
{
  margin-top: 200px !important;
  position: relative;
  z-index: 0;
  margin: 0px;
}


.Sheet-cc
{
  position: fixed;
  overflow: auto;
  background-repeat: no-repeat;
  z-index: -2;
  top: 260px;
  left: 120px;
  right: 0px;
  bottom: 0px;
  background-image: url('../images/Sheet-c.png');
}

.Sheet
{
  margin-top: 100px !important;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  z-index:999;
  width: 1024px;
  height: 162px;
}

div.Header-jpeg {
background-image:url("../images/Header.jpg");
background-repeat:no-repeat;
height:162px;
position:fixed;
top:162;
width:1024px;
z-index:999;

/* end Header */

/* begin Footer */
.Footer
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 1024px;
  margin: 5px auto 0px auto;
}

Footer-background
{
  position:fixed;
  z-index:-1;
  background-repeat:no-repeat;
  background-image: url('../images/Footer.png');
  width: 1024px;
  height: 100px;
  bottom:0;
  left:0;
}

.Footer .Footer-text
{
  display:inline-block;
  color:#D6CEAE;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
}

#footer
{
  text-align: center;
}

#wwwimg
{
  position: fixed;
  overflow: hidden;
  top: 250px;
  left: 190px;
  width: 150px;
  height: 600px;
  background-image: url('../images/www.png');
  background-repeat: no-repeat;
  z-index: -2;
}

...und hier ist die index.php

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
require_once dirname(__FILE__) . DS . 'functions.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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
 <head>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<jdoc:include type="head" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
  <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/style.css" />
  <!--[if IE 6]><link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
  <script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/script.js"></script>
 </head>
<body>

<div class="Header">
    <div class="Header-jpeg"></div>
<div class="Main">
<div class="Sheet">
    <div class="Sheet-cc"></div>
    <div class="Sheet-body">
<div class="logo">
</div>
</div>
<div class="contentLayout">
<div class="content">
<?php if ($this->countModules('breadcrumb') || artxHasMessages()) : ?>
<div class="Post">
    <div class="Post-body">
<div class="Post-inner">
<div class="PostContent">
<jdoc:include type="modules" name="breadcrumb" />
<jdoc:include type="message" />

</div>
<div class="cleared"></div>

</div>

<div class="#wwwimg"></div>

    </div>
</div>
<?php endif; ?>
<jdoc:include type="component" />

</div>

</div>
<div class="cleared"></div>
<div class="Footer">
 <div class="Footer-inner">
  <jdoc:include type="modules" name="syndicate" />
  <div class="Footer-text"><p>Copyright &copy; 2009 ---.<br/>
All Rights Reserved.</p>
</div>
 </div>
 <div class="Footer-background"></div>
<div id="headermenu"><jdoc:include type="modules" name="user9" style="xhtml" /></div>



</div>

    </div>
</div>

</div>

</body> 
</html>

ich hab das ganze schon so oft durchgeschaut, hab aber nichts gefunden was der Auslöser sein könnte

mfg itried

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
m0e

m0e hat kostenlosen Webspace.

22:32, 14.3.2010
1. bei footer-background in der css datei einen punkt davor setzen.
2. ich seh nix in der indexdatei wo du headermenu einbindest
3.nimm statt <div class mal <div id zum einbinden dann sollte es laufen.
tom-moeller

tom-moeller hat kostenlosen Webspace.

10:15, 15.3.2010

itried schrieb:
1) ich möchte dass der footer angezeigt wird, doch das funzt irgendwie nicht. Stattdessen wird der footer text auf der startseite als ganz normaler text angezeigt

Da hast Du Dir aber ein schlimmes Template zum ändern ausgesucht (wurde mit Artisteer gemacht... produziert grauenhaften Quelltext)
Dein Footertext ist ein normaler Text und keine Modulposition. Insofern wird das schon richtig dargestellt.

2) ich möchte eine Modulposition hinzufügen, hab das ganze in css definiert, doch das funktioniert nicht. Das Modul heißt headermenu

Das stimmt so nicht. Die ID die Du vergeben hast nennt sich headermenu, das Modul selber hast Du "user9" genannt. Wenn es tatsächlich im headerbereich angezeigt werden soll, hast Du es in der index.php falsch eingesetzt. Semantisch sowieso. Dein user9 wird noch unter dem Footer angezeigt.

3) ich möchte dass ein Bild links angezeigt wird. Es heißt wwwimg Ich hab das ganze in css definiert aber es wird nicht angezeigt.

Klassen werden im Quelltext normal geschreiben wie IDs auch und in der CSS mit einer Raute versehen. so wie IDs mit einem Punkt. Noch ein Syntaxfehler, warum Dein Tempalte nicht funktionieren kann.
Wie mein Vorposter schon erwähtne, verwende nicht Klassen sondern IDs, wenn Elemente nur einem mit dem selben Style erscheinen. Klassen kannst Du öfters vergeben, IDs nur einmal.

Du hast auch vergessen div.Header-jpeg in der CSS mit einer geschweiften Klammer zu schließen.
Ich glaube das werden nicht die einzigen Syntaxfehler sein, da musst Du nochmal richtig drüberschauen.
Ich glaube Du hast, zumindest was die index.php betrifft einfach nur per copy/past versucht neue Modulopistionen einzubauen, ob Du das auch bei der CSS so gemacht hast, kann ich so nicht erkennen. Zumindest solltest Du Dich mit "Grundwissen" besonders was HTML und CSS betrifft ein wenig mehr beshäftigen, sonst klappt das nicht mit dem Templateumbau.

Hier Links, der Dich eine Wile beschäftigen werden.
http://www.time4joomla.de/templates.html
http://www.css4you.de/

Gruß Tom

Beitrag zuletzt geändert: 15.3.2010 10:21:44 von tom-moeller
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city