Design realisieren

html.de-Forum HTML, XHTML & CSS
1

Guten Abend,

ich habe mir in PS folgendes erstellt:

http://s1.directupload.net/images/131017/75p83lj2.png

Wie kann ich am saubersten bzw. geschicktesten diese Überschrift in CSS realisieren?

Mit freundlichen Grüßen,
DarkCross44

2

Was genau willst du wissen:

  • Wie man Text eine grüne Farbe gibt?
  • Wie man einen bestimmten Font einbindet?
  • Wie man eine zweifarbige Linie realisisiert?
3

Wenn es um die Linien geht:
http://jsfiddle.net/6DqQ2/1/

Mit entsprechendem Markup geht es bestimmt auch zweifarbig.

EDIT: Beim IE erst ab Version 8

4

Ungetester Entwurf:

[html]

Übersicht

[/html]

[code]h1 {
background-image: url(grauelinie.png);
background-position: 50% 0;
background-repeat: repeat-x;
}

h1 span {
background-color: #fff;
background-image: url(gruenelinie.png);
background-position: 50% 0;
background-repeat: repeat-x;
color: green;
padding: 0 24px;
}[/code]