Logo plazieren im Template

**suschi** · 24.02.2010 08:03

Hallo Jungs,

ich möchte folgendes :

In meiner rechten Menüleiste würde ich gerne ein Logo plazieren, so zwischen dem ersten Modul und dem Header.

Siehe Bild
menue.jpg

Hier mein Auszu der css und der Index.php des Templates (forest)

Index.php

HTML-Code:

<body>

<div class="Main">

<div class="Sheet">
    <div class="Sheet-tl"></div>
    <div class="Sheet-tr"><div></div></div>
    <div class="Sheet-bl"><div></div></div>
    <div class="Sheet-br"><div></div></div>
    <div class="Sheet-tc"><div></div></div>
    <div class="Sheet-bc"><div></div></div>
    <div class="Sheet-cl"><div></div></div>
    <div class="Sheet-cr"><div></div></div>
    <div class="Sheet-cc"></div>
    <div class="Sheet-body">


<div class="Header">


<jdoc:include type="modules" name="flexheader" style="RAW" />
  <!--  <div class="Header-jpeg">-->
</div>




<!--
<div class="logo">
 <h1 id="name-text" class="logo-name"><a href="<?php echo $this->baseurl ?>/">Headline</a></h1>
 <div id="slogan-text" class="logo-text">Slogan text</div>
</div>
-->

</div>
<jdoc:include type="modules" name="user3" />
<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 class="sidebar1">

<jdoc:include type="modules" name="right" style="artblock" />
<div class="PageBackgroundGlare">
<div class="PageBackgroundGlareImage"></div></div>
</div>

</div>

<div class="cleared"></div>
<div class="Footer">
 <div class="Footer-inner">
  <jdoc:include type="modules" name="syndicate" />
  <div class="Footer-text"><p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
    | <a href="#">Privacy Statement</a><br />
    Copyright &copy; 2009 ---. All Rights Reserved.</p>
</div>
 </div>
 <div class="Footer-background"></div>
</div>

    </div>
</div>
  <p class="page-footer"><a href="http://www.pc-didi.at">Joomla Template</a> Webdesign Tirol.</p>

</div>

</body>

Css Datei :

HTML-Code:

.PageBackgroundGlare
{
  position: absolute;
  width: 100%;
  right: 0;
  top: 0;
}

Das Logo ist jetzt zur Zeit (PageBackgroundGlare) im Header oben links plaziert. Wenn ich die Werte von right und top verändere tut sich nichts. Wenn ich das Logo im der rechten Menüleiste setzen sitz das Modul etwas zu weit hoch hinter dem Logo. Wie kann ich das Modul heruntersetzen bzw. das Logo anders positionieren ?

Wäre über eure Hilfe dankbar.

**Tobee** · 24.02.2010 08:38

Hallo!

Bin nicht so der html-Experte, aber ich habe was in Erinnerung mit Höhe verändern das sollte so aussehen:

.PageBackgroundGlare
{
position: absolute;
top:0px; - Probier mal mit dem Wert zu spielen.
width: 100%;
right: 0;

http://html-php.de/index.php?seite=c_position

Grüße

**suschi** · 24.02.2010 09:20

Das hab ich ja schon probiert, ohne Veränderung.

Keine Ahnung was das ist

**suschi** · 24.02.2010 09:41

Das scheint der Fehler gewesen zu sein :

position:absolute; top:10px; left:10px;

Wenn ich die "px" mit angebe dann verschiebt sich das Logo.

Mal schauen ob es auch an anderen Positionen geht

**albatros** · 24.02.2010 12:49

Hi,

warum packst Du es nicht in ein neues Modul, das Du auf der Position veröffentlichst?
Modul, neu (eigenes HTML), Grafik rein, feddisch.

hth

albatros

**suschi** · 24.02.2010 16:31

Hey albatros,

dat mit dem feddisch ist für net ganz so leicht für mich.

Ich habe es jetzt da wo ich es haben will auf der rechten Menuleiste. allerdings hängt dat jetzt hinter dem Modul. Werd noch wahnsinnig.

Aber ich bin für jede Hilfe sehr dankbar und wenn du meinst es ist mit deinem Vorschlag besser zu lösen dann schreib mir bitte ganz schnell

Gruß

**suschi** · 24.02.2010 21:48

Jetzt bekomme ich das Logo versetzt nur liegt es jetzt hinter der Menuleiste

menu.jpg

Was kann ich noch in der Index.php ändern bzw. wie plaziere ich den Code richtig ??

Gruß

**albatros** · 24.02.2010 22:09

Sorry,

bei Bilderrätseln bin ich nicht sehr gut.

hth

albatros

Thema: Logo plazieren im Template

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Logo plazieren im Template

Lesezeichen

Lesezeichen

Berechtigungen