mit CSS HTML-Code-Datei ansprechen in iframe-Tag

samuelzeh · 2. März 2016

Hi,

ich habe ein Problem.
Und zwar habe ich eine Seite erstellt mit HTML5 und CSS-Datei und etwas PHP.
Ich bin Stundenlang damit beschäftigt, wenn ich einen Link in der Fußzeile ändern möchte, da ich auf jeder html-Seite den Link angeben müsste.
Um mir die Zeit zu sparen dachte ich mir ich nehme den iframe-tag und schmeiß die html-Schnipsel in die Datei rein, dass ich es da nur einmal ändern muss.

Jetzt ist aber das Problem, dass ich es nicht mehr mit der CSS-Datei ansprechen kann.

Gibt es eine Möglichkeit, wie ich die HTML-Schnipsel in dem verlinkten iframe-Tag ansprechen kann?
Oder gibt es eine andere Lösung?

Hier der html-Code:
<iframe width="100%" height="auto" scrolling="no" src="../footer.html"></iframe>

Stand jetzt (eine Änderung in html = stundenlange Arbeit):
mehrere html-Dateien inkl. php
eine CSS-Datei

Meine Gedanken (eine Änderung = sofort erledigt für alle Seiten):
eine html-Datei für die Menübar
mehrere php-Dateien für den Inhalt
eine html-Datei für den footer
und eine CSS-Datei um das ganze für alle Seiten anzusprechen.

If you know what I mean

Grüßle

Samuel Zeh

JR Cologne · 2. März 2016

Das Ganze machst du am besten mit PHP und include().

Du packst dann also alle Stellen, die sich wiederholen, in extra Dateien und bindest diese über include() innerhalb des HTML-Codes ein.

samuelzeh · 2. März 2016

Dann ist das Problem mit dem CSS immer noch da. Sonst müsste ich ja eine CSS Datei machen pro Seite.
Der Link zur externen Datei Steht ja schon, bloß dass CSS will nicht.

JR Cologne · 2. März 2016

Ne, ne. Das geht. Du kannst den HTML-Code, den du per PHP einbindet, ganz einfach mit CSS stylen. Dafür brauchst du kein extra Stylesheet. Versuch's einfach mal.

samuelzeh · 2. März 2016

Okay? Kannst Du mir ein kurzes Beispiel geben?

wolf · 3. März 2016

PHP include() zu benutzen ist jetzt echt kein hexenwerk, sorry.

JR Cologne · 3. März 2016

Zitat von samuelzeh

Okay? Kannst Du mir ein kurzes Beispiel geben?

Ok, von mir aus...

index.php

PHP

<!DOCTYPE html>
<html>




<head>
    <title>PHP Include</title>




    <meta charset="UTF-8">




    <link href="style.css" type="text/css" rel="stylesheet">
</head>




<body>




    <p>Diese Seite f&uuml;llt sich per PHP Include...</p>




    <?php include('article.html'); ?>




</body>
</html>

Alles anzeigen

article.html

HTML

<article>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum
semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula,
porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante,
dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla
ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam
ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut
libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget
eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales,
augue velit cursus nunc,</article>

Alles anzeigen

style.css

CSS

article {
    background: #dadada;
}

Der Article sollte mit einer grauen Hintergrundfarbe angezeigt werden, wenn du die index.html aufrufst.

mit CSS HTML-Code-Datei ansprechen in iframe-Tag

Jetzt mitmachen!

Teilen