Thema: Header jpg Datei tauschen gehen html 5

Guten Abend liebe Forenmitglieder,

es geht um folgendes Problem, ich benutzte ein Template, welches eine globale header.jpg benutzt, welche im template Ordner liegt.
Diese möchte ich tauschen, gegen eine html5 Seite (kleine Animation) die Maße sind die selben.

Im style.css des Temples findet man folgenden Code:

Code:

.header {
	 width: 800px; 
	 height: 225px; 
	 background-image: url(../images/header.jpg);
	 background-position: right; 
	 overflow: hidden; 
}

jetzt habe ich einfach mal den Pfad geändert, hin zu meiner html 5 Datei. Beispiel.html

Leider wird dann nichts mehr angezeigt. Hat jemand eine Idee wie ich das realisieren kann?

Vielen Dank schon mal im Voraus!

Schöne Grüße

mx

Zitat von superdry

Du versuchst eine HTML Datei als Background-image einzubinden? Wie soll das gehen?
Und was soll eine HTML 5 Datei mit Animation sein?

Was Du brauchst ist ein Modul oder ähnliches was im Kopfbereich angezeigt wird und die Animation darstellt. Was genau Du zur Darstellung benötigst, ob ein 'custom module' reicht z.B., kann man nur sagen wenn Du aufschlüsselst, was Du unter einer HTML 5 Seite mit Animation verstehst (GIF/MOV/SWF, JS ...).

Hi ja leider geht das nicht.

Es soll einfach eine .html Datei an der Stelle anzeigen.
Mit HTML5 kann man ja Animationen erstellen wie z.B. hier:

www.mx-itsolutions.de/html5/header/header.html

Das sollte als Header angezeigt werden.

Jemand eine Idee wie ich das dort hin bekomme?

Danke für die schnelle Antwort!

Zitat von Joomla-Hilfe

Das steht sogar im Dokument:

???? aus diesem Beitrag werde ich jetzt nicht schlau

Zitat von Joomla-Hilfe

Dann wirst du dich wohl zunächst über simpelste Webgrundlagen informieren müssen. SelfHTML ist ein guter Anfangspunkt.

tut mir leid aber das ist etwas zusammenhangslos nur zu schreiben Das steht sogar im Dokument welches Dokument meintest du?

Ah gefunden sorry LION erst vor kurzem installiert hat mir eine leere html Datei angezeigt.

Diesen Code kann ich aber nicht in die style.css kopieren oder?

in der Index.php habe ich eine div Box gefunden für den Header:

PHP-Code:

<div class="inner_site">
        <div class="header"><div class="header_title"><?php echo $mainframe->getCfg('')?></div>
        </div>
        <div id="menubar">
        <jdoc:include type="modules" name="top" style="xhtml" />
        </div>
    
    </div>

aber wie ich das jetzt hinbekomme, das dort mein HTML5 header angezeigt wird weis ich leider nicht :-/

Also in Safari und Firefox läuft es problemlos. Habe leider gerade kein Windows PC zur Hand.