header im vordergrund
lima-city → Forum → Die eigene Homepage → Grafikdesign
all
code
dank
datei
erstellen
header
http
image
index
liegen
nehmen
position
problem
reihenfolge
stellen
system
text
type
url
vordergrund
-
hallo, ich mache gerade eine homepage (http://www.innvierterl.at) und habe da ein Problem:
Wenn man runterscrollt geht der Text über dem Header, ich weiß nicht was ich da machen soll.
hier ist die CSS Datei
http://www.innvierterl.at/templates/.../css/style.css
Und ich habe noch ein Problem:
ich möchte noch eine zusätzliche Modulposition erstellen, das funktioniert irgendwie auch nicht:
Also das schreibe ich in die Index.php rein:
<div id="headermenu"><?php mosLoadModules('user9'); ?></div>
...und das in die css datei:
#headermenu {
position: absolute;
top: 100px;
left: 350px;
height: 215px;
width: 200px;
}
das funktioniert leider nicht und ich weiß nicht wieso
schon einmal danke im Voraus für die Hilfe -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
du hast wahrscheinlich die anderen divs nicht mit position absolute gemacht kann das das sein?
wenn doch dann würde ich auf die reihenfolge der divs achten sprcih header kommt zuerst dann content etc.
edit : ach ich seh gerade voran es liegen könnte
div.Header-jpeg { position: fixed; overflow:; z-index:-1; width: 1024px; height: 162px; background-image: url('../images/Header.jpg'); background-repeat: no-repeat; background-position: top-center; }
an dem hier position: fixed; änder das vielleicht in absolute;
wenn dir joomla zu umfangreich und schwer erscheint kannst auch cms2day nehmen schön einfach und unkompliziert
Beitrag zuletzt geändert: 9.3.2010 15:05:40 von maxdes -
das mit fix wollte ich schon so, nur eben dass der text dann unten rum geht
-
dann musste den header div auch über dem ganzen machen
-
und wie macht man das jetzt, den header div auch noch auf fixed stellen?
-
hab ich auch schon versucht, funktioniert leider nicht
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> </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 © 2009 ---.<br/> All Rights Reserved.</p> </div> </div> <div class="Footer-background"></div> <div id="headermenu"><?php mosLoadModules('user9'); ?></div> <div class="wwwimg"> <div id="#topmenu"><?php mosLoadModules('user8'); ?></div> </div> </div> </div> </div> </body> </html>
-
Obwohl ich Artisteer-Templates hasse.... Gib Deinem Headerjpg nicht z-index: -1, sondern 999.
Gruß Tom -
ok, danke jetzt ist der header im vordergrund aber das problem mit dem text noch nicht gelöst.
der text geht jetzt zwar unter dem header durch, ist aber oben noch immer zu sehen -
itried schrieb:
ok, danke jetzt ist der header im vordergrund aber das problem mit dem text noch nicht gelöst.
der text geht jetzt zwar unter dem header durch, ist aber oben noch immer zu sehen
Das Template ist für das, was Du vorhast nicht wirklich geeignet. Es müsste für Deine Bedürfnissse von Grund auf neu geschrieben werden. Es ist außerdem nicht semantisch aufgebaut, eben typisch Artisteer.
Beitrag zuletzt geändert: 10.3.2010 10:47:51 von tom-moeller -
aber kann man da gar nichts mehr machen außer neu schreiben bzw viel umschreiben, geht das nicht einfacher?
-
itried schrieb:
aber kann man da gar nichts mehr machen außer neu schreiben bzw viel umschreiben, geht das nicht einfacher?
Sicher: du machst einfach
.Sheet { margin-top:0px !important;
und schon hast du das Problem nicht mehr. Sieht zwar anders aus, funktioniert aber.
Ein anderer, etwas unschöner Weg wäre, die Headergrafik einfach höher zu machen, dann überdeckt sie den Text oben... -
also erst mal danke, kätzle7
ich hab das jetzt eingefügt bei .Sheet, aber irgendwie hat das nichts verändert -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
