Headbereich variabel gestalten...

**BennyX83** · 29.11.2007 13:07

Hallo an alle habe folgendes Problem:

Ich versuch schon seit stunden auf meiner Webseite (www.fortunaleuben.net/Joomla) den Kopfbereich so zu gestalten, dass bei höheren Auflösungen das Wappen an der linken Seite "kleben" bleibt und der Vereinsschriftzug (noch nicht zu sehen) an der rechten seite bleibt.

Ich bekomme es leider noch nicht einmal hin 2 Bilder direkt nebeneinander einzufügen. Kann mir jemand helfen wie ich in der template.css vorgehen muss um dieses problem zu lösen?

Über die Suchfunktion bin ich leider nicht wirklich fündig geworden...

Es ist zum verzweifeln

**snow crash** · 29.11.2007 13:47

damit der name auch angezeigt wird musst du ihn auch reinschreiben

HTML-Code:

<div id="namenflash">
            <h1 class="sitename"><a href="index.php">Seitenname</a></h1>
    </div>

da du vermutlich das bild als background-image im div namenflash eingebunden hast
mußt du im tamplte_css.css dem background-image den css tag:
background-repeat:no-repeat;
geben

und dann guck mal welchen farbe die class sitename hat
also z.B. color:#ffffff;

mfg
snow crash

**snow crash** · 29.11.2007 13:52

oder du setz das hier ein

PHP-Code:


<div id="namenflash">

            <h1 class="sitename"><a href="index.php"><?php echo $GLOBALS['mosConfig_sitename'];?></a></h1>

    </div>

**BennyX83** · 29.11.2007 14:03

Danke erstmal für deine tipps.

#namenflash {
height: 10em;
/* background-color: #4f79a4; */
background: url('../images/headlinks.gif') no-repeat top left;

...ich denke mal das ist der bereich um den sich alles dreht! Das "headlinks.gif" ist mein vereinswappen und ich würde gerne noch einen schriftzug auf der rechten seite hinzufügen, welcher im rechts bleibt egal welche auflösung ich wähle.

Gruß

**Eispirat** · 29.11.2007 14:05

Dazu müsstest du einen neuen DIV-Container einfügen

HTML-Code:

<div id="logo">
            ...</div>
 <div id="schriftzug">...</div>

und in die CSS

HTML-Code:

#logo {
float: left;
height: 10em;
/* background-color: #4f79a4; */
background: url('../images/headlinks.gif') no-repeat top left;
}
#schriftzug {
float: right;
height: 10em;
/* background-color: #4f79a4; */
background: url('../images/headlinks.gif') no-repeat top left;
}

**BennyX83** · 29.11.2007 14:14

Das Einfügen in die CSS datei leuchtet mir ein...könntest du mir jedoch noch sagen wo ich den div-container ins html einsetzen muss?

Hab mit html bisher nicht viel am hut gehabt, da ich weitesgehend mit GoLive gearbeitet habe und ich dort bequem über die grafische benutzeroberfläche herumwerkeln konnte.

**snow crash** · 29.11.2007 14:16

entweder anstelle von

HTML-Code:

<div id="namenflash"> 
            <h1 class="sitename"><a href="index.php"><?php echo $GLOBALS['mosConfig_sitename'];?></a></h1> 
    </div>

oder in den div namenflash

in die index.php in deinem template ordner

**Eispirat** · 29.11.2007 14:18

Füge das ganze einfach dort ein wo

HTML-Code:

<div id="namenflash"> ....</div>

steht und dann müsste es klappen.
Einfach im Backend beim Template auf HTML gehen.

Und lies mal deine Privaten Nachrichten ;-)

**snow crash** · 29.11.2007 14:25

du solltest aber noch das image aus dem css von namenflash rausnehmen

HTML-Code:

<div id="namenflash"> 
<div id="logo">
            ...</div>
 <div id="schriftzug">...</div>
</div>

Code:

#namenflash {
height: 10em;
/* background-color: #4f79a4; */
}

**Eispirat** · 29.11.2007 14:26

Richtig, ich meinte aber er soll Namensflash ganz rausnehmen, ist aber glaub ich wurscht!

Thema: Headbereich variabel gestalten...

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Headbereich variabel gestalten...

Lesezeichen

Lesezeichen

Berechtigungen