Hallo Gabriel,
<Ich weiß z.B. wenn man den gleichen Hintergrund auf alle Seiten haben möchte, dass das am besten über eine externe css Datei funktioniert,>
Genau und nicht nur die Farbe sondern nahezu auch die komplette Formatierung der Seite und natürlich auch Grafiken eingebunden.
Zum Vorgehen:
Die Homepage wird in verschiedene Blöcke (css Befehl=div) aufgeteilt, z.B. Block "linke Seite", "rechte Seite", "Inhalt", "Kopfzeile". Diese Blöcke werden in der externen css Datei formatiert und über ein Universalattribut (z.B. ID, class) im HTML Code entsprechend übergeben.
z.B. CSS Code für den Block der Kopfzeile:
div#Kopfzeile {
margin:0; padding:0;
height:10%;
font-size:0.93em;
border-top:1px solid white;
border-bottom:2px solid #000064;
}
In den HTML Code schreibst Du dann in den Block <div id="Kopfzeile"> den Text oder die Links, was immer Du möchtest für die Kopfzeile. Hier kannst Du dann auch eine Tabelle einfügen oder eine unformatierte Liste. (Die Datenfelder sind ebenfalls weitestgehend zuvor in der CSS Datei formatiert worden, so daß im HTML dann neben den <table> Befehlen (<tr>, <td> nur reiner Text steht.
Beispiel:
<body>
<div id="logo"></div> (hier könnte z.B. kpl. über CSS formatiert das Logo (=Bild) der HP eingefügt werden
<div id="Kopfzeile">
<table>
<tr>
<td ></td>
<td><a href="XXX.html" title="Home"> Home </a> </td>
<td> <a href="impressum.html" title="Impressum">Impressum</a> </td>
<td> <a href="sidemap.html"><img src="sidemap.gif" alt="Sidemap"></a></td>
</tr>
</table>
............
</body>
Analog sind die weiteren Blöcke mit Inhalt zu versehen.
Ich hoffe nun sehr, dass ich Dich nicht vollends verwirrt habe sondern etwas helfen konnte.
Viel Erfolg und Spaß weiterhin!
Viele Grüsse
Marion
<Ich weiß z.B. wenn man den gleichen Hintergrund auf alle Seiten haben möchte, dass das am besten über eine externe css Datei funktioniert,>
Genau und nicht nur die Farbe sondern nahezu auch die komplette Formatierung der Seite und natürlich auch Grafiken eingebunden.
Zum Vorgehen:
Die Homepage wird in verschiedene Blöcke (css Befehl=div) aufgeteilt, z.B. Block "linke Seite", "rechte Seite", "Inhalt", "Kopfzeile". Diese Blöcke werden in der externen css Datei formatiert und über ein Universalattribut (z.B. ID, class) im HTML Code entsprechend übergeben.
z.B. CSS Code für den Block der Kopfzeile:
div#Kopfzeile {
margin:0; padding:0;
height:10%;
font-size:0.93em;
border-top:1px solid white;
border-bottom:2px solid #000064;
}
In den HTML Code schreibst Du dann in den Block <div id="Kopfzeile"> den Text oder die Links, was immer Du möchtest für die Kopfzeile. Hier kannst Du dann auch eine Tabelle einfügen oder eine unformatierte Liste. (Die Datenfelder sind ebenfalls weitestgehend zuvor in der CSS Datei formatiert worden, so daß im HTML dann neben den <table> Befehlen (<tr>, <td> nur reiner Text steht.
Beispiel:
<body>
<div id="logo"></div> (hier könnte z.B. kpl. über CSS formatiert das Logo (=Bild) der HP eingefügt werden
<div id="Kopfzeile">
<table>
<tr>
<td ></td>
<td><a href="XXX.html" title="Home"> Home </a> </td>
<td> <a href="impressum.html" title="Impressum">Impressum</a> </td>
<td> <a href="sidemap.html"><img src="sidemap.gif" alt="Sidemap"></a></td>
</tr>
</table>
............
</body>
Analog sind die weiteren Blöcke mit Inhalt zu versehen.
Ich hoffe nun sehr, dass ich Dich nicht vollends verwirrt habe sondern etwas helfen konnte.
Viel Erfolg und Spaß weiterhin!
Viele Grüsse
Marion
![[-]](https://forum.juergens-workshops.de/images/collapse.png)