Header fixieren

**CarstenM** · 21.02.2010 18:26

Hallo Leute, ich hab ein Problem und zwar ist wenn ich die Homepage geöffnet hab und dann im Größe des Browser ändere durch manuelles ziehen oder sogar auf nem Netbook mit niedriger Auflösung dann verschwindet immer die Schrift unter dem Logo.
//edit: und wie ich grad gesehen hab die ganzen mit Schriften bzw. Beiträge verändern sich auch =/
Hier mal die Seite: Klick

Wie kann ich das ändern??

Danke schonmal im Vorraus!

Grüße

**Grazioli** · 21.02.2010 18:36

Hallo,

Code:

ul.ja-usertools-font {
font-size:11px;
left:560px; und right löschen! <-----------------------
position:absolute;
top:8px;
}
.ja-headermask {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/header-mask.png) no-repeat scroll right top;
display:block;
height:80px;
left:150px; einfügen! <---------------------------------------------
position:absolute;
right:-1px;
top:0;
width:602px;
}

solte problem lösen!

**CarstenM** · 21.02.2010 18:41

danke für die schnelle antwort doch ging mir einwenig zuschnell....soll ich das in der template.html ändern oder wo?

**CarstenM** · 21.02.2010 18:46

habs so geändert aber irgendwie ist oben jetzt komplett was falsch...

**CarstenM** · 21.02.2010 18:52

.ja-headermask {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/header-mask.png) no-repeat scroll right top;
display:block;
height:80px;
left:150px;
position:absolute;
right:-1px;
top:0;
width:602px;

}

Das hab ich nun gemacht!!!

**CarstenM** · 21.02.2010 19:32

Also kann mal noch jemand schauen sieht jetzt alles sehr komisch aus die 3 A's für die schrift liegen jetzt unter dem logo und woe die A's waren ist nun so ein komisches bild

**CarstenM** · 22.02.2010 15:06

hat keiner eine Idee??

**Dr. Eddison** · 22.02.2010 17:31

lieg ich falsch oder gehört das thema eher hier hin: http://www.joomlaportal.de/joomla-te...nd-design.html

**anka** · 22.02.2010 18:53

Bei dir haben sich ein paar Syntaxfehler eingeschlichen:

rot=löschen

template.css (Zeile 935)

Code:

.ja-headermask {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/header-mask.png) no-repeat scroll right top;
display:block;
height:80px;
left:150px;
position:absolute;
right:-1px;
top:0;
width:602px;
}

template.css (Zeile 1493)

Code:

ul.ja-usertools-font {
font-size: 11px;
position: absolute;
top: 8px;  <!--  right:70px; -->
left: 560px;
}

Danach solltest du noch folgende Aenderung in der index.php (ab etwa Zeile 110) vornehmen:

Code:

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
	<div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">

	<div class="ja-headermask">&nbsp;</div>

	<?php
		$siteName = $tmpTools->sitename();
		if ($tmpTools->getParam('logoType')=='image'): ?>
		<h1 class="logo">
			<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
		</h1>

**CarstenM** · 22.02.2010 21:18

Also stimmt fast alles wieder! nur jetzt ist der Text sehr nahe am Logo, jedoch soll es weiter nach rechts

Und kann ich das irgendwie einstellen das die Beiträge sich auch nicht ändern wenn ich die Browsergröße änder?!

Thema: Header fixieren

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Header fixieren

Lesezeichen

Lesezeichen

Berechtigungen