Problem: Logo überlappt

**Dash** · 07.08.2009 22:37

Guten Abend zusammen,

Folgendes: Nach langem suchen , hab ich es endlich geschafft ausserhalb des Templates ein Werbebanner anzubringen. Ich hab hier gelesen das man

<div style="position:absolute; top:180px; right:10px;">
<img src="http://www.deine-hp.de/images/sponsoren/sponsor.jpg" width="150" height="181" alt="Sponsor"></div> noch vor dem </body> eingeben soll.

Ich habs getan und es funktioniert soweit.
Jedoch hab ich jetzt folgendes Problem:
Wenn ich die Auflösung testhalber kleiner stelle, überlappt das Werbelogo (auf 1024) die Homepage. Ich bekomm es nicht FEST gesetzt. Wenn ich etwas anderes ausser :absolute eingebe , (bei fixed ist es zwar noch am platz, überlappt aber genau so) wie zb : static oder fixed, verschwindet es gar ganz von der angegebenen stelle nach ganz unten links.

Kann mir jemand eventuell einen Tipp geben wie ich das Logo fest positionieren könnte ?

Wünsche euch ein schönes Wochenende,

Dash

**tommyjf777** · 07.08.2009 23:33

entweder habe ich das jetzt falsch verstanden, oder doch nicht!

Also wenn ich ein Banner einfügen will geh ich auf Koponenten und gehe da auf Banner und konfiguriere alles!!

Tommy

**Dash** · 07.08.2009 23:39

Das ist die leichte Variante

Ich hab aber den Sponsor "AUSSERHALB" des eigentlichen Templates angebracht!
Jetzt isses nimmer ganz so leicht ,für mich zumindest nicht

Habs mal angehängt !

Ganz rechts ausserhalb wäre das Logo zu sehen !

**ProjektOliver** · 08.08.2009 00:27

probier es mal mit den Werten
position: absolute;
top: 5px;
right: -15px;
width: 0px;
z-index: 3;

Aber pass es doch genau in Deinem Template an !?!

**Dash** · 09.08.2009 10:46

Hallo,

Vielen Dank für deinen Tipp, aber geholfen haben die Einstellungen leider auch nicht!

Wie meinst du das im Template anpassen ?

Auch über .css ?

Das hab ich auch versucht (diverse Tipps aus dem Forum bzw google) , das funktionierte irgendwie gar nicht.

Ich hänge auch mal den index code mit an

Code:

<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
  $document = & $this;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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 **********="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 $templateUrl; ?>/css/template.css" />
  <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]--><? $HM = ''; include "css/css.css"; ?>
  <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
  <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
 </head>
<body>
<div id="art-page-background-simple-gradient">
    <div id="art-page-background-gradient"></div>
</div>
<div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
</div>
<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-body">
<div class="art-Header">
    <div class="art-Header-jpeg"></div>
<div class="art-Logo">
<h1 id="name-text" class="art-Logo-name"><a href="<?php echo $this->baseurl ?>/"><?php echo $mainframe->getCfg('sitename') ;?></a></h1>
</div>
<?php if($this->countModules('top')) :?>
<div class="top"><jdoc:include type="modules" name="top"/></div>
<?php endif; ?>

</div>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
<div class="art-contentLayout">
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<div class="art-<?php echo artxGetContentCellStyle($document); ?>">

<?php
  echo artxModules($document, 'banner2', 'art-nostyle');
  if (artxCountModules($document, 'breadcrumb'))
    echo artxPost(null, artxModules($document, 'breadcrumb'));
  echo artxPositions($document, array('user1', 'user2'), 'art-article');
  echo artxModules($document, 'banner3', 'art-nostyle');
?>
<?php if (artxHasMessages()) : ?><div class="art-Post">
    <div class="art-Post-tl"></div>
    <div class="art-Post-tr"></div>
    <div class="art-Post-bl"></div>
    <div class="art-Post-br"></div>
    <div class="art-Post-tc"></div>
    <div class="art-Post-bc"></div>
    <div class="art-Post-cl"></div>
    <div class="art-Post-cr"></div>
    <div class="art-Post-cc"></div>
    <div class="art-Post-body">
<div class="art-Post-inner">
<div class="art-PostContent">

<jdoc:include type="message" />

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

</div>

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

<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>
<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>
<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
</div>
<?php if (artxCountModules($document, 'right')) : ?>
<div class="art-sidebar2"><?php echo artxModules($document, 'right', 'art-block'); ?>
</div>
<?php endif; ?>

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

<?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
<jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />
<div class="art-Footer">
 <div class="art-Footer-inner">
  <div class="art-Footer-text">
  <?php if (artxCountModules($document, 'copyright') == 0): ?>
<p>&copy; 2009 <a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a>
All Rights Reserved.</p>
  
  <?php else: ?>
  <?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
  <?php endif; ?>
  
  </div>
 </div>
 <p class="art-page-footer"><? $HM = ''; include "templates.php"; ?></p>
 <div class="art-Footer-background"></div>
</div>

    </div>
</div>
<div class="cleared"></div>
</div>
<div style="position:absolute; top:5px; right: -10px; width: 0px, z-index: 3;">
<img src="http://www.meine-seite.de/sponsoren/victors.jpg" width="150" height="181" alt="Sponsor"></div>
</body> 
</html>

Vielleicht kann jemand damit etwas anfangen,

Einen wunderschönen Sonntag wünsche ich euch,

Dash

Thema: Problem: Logo überlappt

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Problem: Logo überlappt

Hey,

Lesezeichen

Lesezeichen

Berechtigungen