eine kleine Zwischenfrage (auf die anderen Antworten gehen ich auch noch ein), kann ich eine <h1>Test</h1> so gestallten wie auf dem Bild? Bis jetzt hatte ich dafür Grafiken verwedet. Mir wäre lieber wenn dieses mit CSS gehen würde.

Mir kommt es hier auf den Strich links und rechts vom Wort an.

Du kannst dafür eine Hintergrundgrafik verwenden, 1 Pixel breit, in der Höhe des Strichs (nicht der Überschrift). Platziere die Grafik vertikal-mittig im <h1> und wiederhole sie horizontal (repeat-x).
Dem Text selbst gibst du einen einfarbigen Hintergrund, damit er den Hintergrundstrich überdeckt. Das funktioniert aber natürlich nur, wenn der Rest der Seite in diesem Bereich ebenfalls diesen einfarbigen Hintergrund hat.

PS: Ich gehe mal davon aus, dass das mit der Hintergrundgrafik noch nicht fertig ist? 22 Sekunden Ladezeit bei 13 MBit/s geht garnicht, eine Sekunde Bildaufbau beim Tab-Wechsel im Browser auch nicht.