Bild links über Hauptmenü wird nicht angezeigt!

Moderator: Sisko1990

Forum rules
Forumregeln
Locked
frank123456
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Thu Oct 19, 2006 12:48 pm

Bild links über Hauptmenü wird nicht angezeigt!

Post by frank123456 » Fri Oct 20, 2006 9:34 am

Moin,
ich habe hier ein Bild von meinem Problem.
Links ist das Menü.
Oberhalb des Menüs sieht man ja eine große blaue Fläche.
Unter dieser Fläche ist ein Bild.
Was aber nicht unter aber auch nich über der blauen Fläche liegen soll.
Es soll direkt über dem ganzen Menü sein.
Das Bild ist auch nicht in einem Modul sondern per Background-image im CSS in ein gelegt, nun wird dieses div aber nicht richtig dargestellt.
Es wir unter das des Menüs gelegt.

Kann mir einer sagen was ich falsch mache?


Image

Kann mir einer sagen was ich stattdessen machen muss?

Hier noch mal meine index.php

Code: Select all

<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!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">
<head>
<title><?php echo $mosConfig_sitename; ?></title>
<**** **********="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php include ("includes/metadata.php"); ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/offis_uni/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/offis_uni/images/favicon.ico" />
<?php if($my->gid >= "1"){ ?>
<?php include ("editor/editor.php"); ?>
<?php initEditor(); ?>
<?php } ?>
</head>

<body>

<script language="JavaScript">

// Init overlib.js
var ol_capcolor = "#000000" 
var ol_close = "Schliessen";
var ol_closecolor = "#FFFFFF";
var ol_fgcolor = "#ffffff";
var ol_bgcolor = "#9CCB5A";
var ol_textcolor = "#000000";
var ol_width = 200;
var ol_offsetx = -200;
var ol_offsety = -250;
//

</script>

<div id="pagewidth" >

	<div id="header" >

	</div>
	
	<div id="leftcol_top">
	
	

		<div id="outer" >
		
<!--			<div id="inner">

			</div> -->

			<div id="leftcol">
			<?php if (mosCountModules( "left" )) { ?><div class="content"><?php mosLoadModules ( 'left' ); ?></div><?php } ?> 
			</div>

				<div id="maincol" >
				<?php if (mosCountModules( "top" )) { ?><div class="content"><?php mosLoadModules ( 'top' ); ?></div><?php } ?>
				
				<div class="content"> <?php include_once("mainbody.php"); ?></div>
				<?php if (mosCountModules( "bottom" )) { ?><div class="content"><?php mosLoadModules ( 'bottom' ); ?></div><?php } ?>
				</div>
				
			<div id="rightcol" >
			<?php if (mosCountModules( "right" )) { ?><div class="content"> <?php mosLoadModules ( 'right' ); ?></div><?php } ?>
			</div>

			<div class="clr">
			</div>
	
		</div>

	</div>
			

<div id="footer" >
</div>

</div>
</body>
</html>
Und dann noch der bereich für meinen Leftcol und Leftcol_top.

Leftcol

Code: Select all

#leftcol{
	/* background-image:url(../images/a14-mahnmal_190.jpg);   */
	width:193px;
	float:left;
	position:relative;
	margin-left:-193px;
	margin-right:1px;
	margin-top: 101pt;
	background-color: #E7EBDE;
	margin-top: 20%
 } 
Leftcol_top

Code: Select all

#leftcol_top{
 background-image:url(../images/a14-mahnmal_190.jpg); 
 background-repeat: no-repeat;
 height: 101pt;
 } 

 
 
Locked

Return to “Template, CSS und Designfragen 1.0.x”