Viele werden die Website CSSZenGarden.com wohl kennen.
Ich habe mal eine Frage zu ihrem Design:
Wenn man sich die Seite so wie sie im Browser geladen wird anschaut, so sieht man im Seitenheader dieses "Zen Garden" und "The Beauty of CSS Design". Dabei handelt es sich aber nicht um Schrift, sondern um Bilder (wahrscheinlich Gifs).
Wenn man sich nun mal einfach den HTML-Code anschaut, dann werden die Beiden Überschriften aber trotzdem reingeschrieben!
Wie funktioniert das also nun? Streicht der Browser einfach die Schrift weg und fügt dann das Bild ein? Und das ganze dann noch im Hintergrund, sodass ich die Bilder auch nicht markieren kann?
Ich habe folgenden Code im CSS gefunden:
#pageHeader h1 {
background: transparent url(h1.gif) no-repeat top left;
margin-top: 10px;
width: 219px;
height: 87px;
float: left;
}
#pageHeader h1 span {
display:none
}Heißt das soviel wie: Die Schrift im "#pageHeader" wird nicht angezeigt (display:none), stattdessen aber wird ein background-Image eingefügt, das links oben in der Ecke steht?
Habe ich das so richtig verstanden?
Sehr schräg....
