|
Image-Replacement-Technik: Teil 1 |
|
|
|
Geschrieben von MK
|
|
07.08.2005 |
|
Immer dann, wenn zur Gestaltung von Webseiten Schriftarten eingesetzt werden sollen, bei denen nicht sicher ist, ob diese auf dem Rechner des Betrachters verfügbar sind, ist die Image-Replacement-Technik eine Alternative zum herkömmlichen <h1><img xsrc="titel.gif" alt="Titel" /></h1>.
Mit Hilfe von CSS kann dies benutzer (Barrierefreiheit)- und suchmaschinenfreundlich umgesetzt werden (Dwyer-Methode):
<html>
<head>
<title>Titel</title>
<style type="text/css">
<!--
h1 { background: url(titel.gif); height: 50px; width: 250px; }
h1 span { display: block; height: 0; overflow: hidden; width: 0; }
-->
</style>
</head>
<body>
<h1><span>Muster</span></h1>
</body>
</html> Diese Technik sollte mit allen gängigen Browsern umsetzbar sein. Anregung von evolt.org + meiert.com
|
|
Letzte Aktualisierung ( 31.03.2006 )
|
HTML & CSS 