Archive for the ‘CSS-Anwendungsbeispiele’ Category

Beliebige Schriftarten im Web mit CSS

Mittwoch, Februar 3rd, 2010

…enz in 20 Sprachen bedeutet einen immensen Aufwand, wenn alle Textpassagen in Bilder umgewandelt werden müssen. Dazu kommen Probleme beim Ausdrucken: Moderne Drucker leisten oft 600 dpi oder mehr, während ein hoch auflösender Monitor augenfreundlich bei maximal 120 dpi eingestellt ist. Im Ausdruck sehen Texte in 120 dpi aber sehr mangelhaft aus.

Die gute Nachricht: Vor geraumer Zeit wurde Fi…

CSS Beispiel einer Karte auf einem Detektivportal

Montag, Oktober 26th, 2009

…auscursor des Links, in diesem Fall, dem Punkt, ein Text angezeigt. In diesem Fall eine Stadt.
Die jeweiligen Punkte-Positionen werden anhand “coords” Werten bestimmt.

<div id=”overDiv” style=”position:absolute; visibility:hidden; z-index:1000;”></div>
<script language=”JavaScript” src=”fileadmin/templates/overlib/overlib.js”></script>
<div id=”centerColumn”>

CSS und HTML auf einer Seite für Fertiggaragen

Donnerstag, Oktober 22nd, 2009

… geht.
<form action=”formmailer.php” method=”post” name=”form1″ id=”form1″>
<span>
<p><label for=”name”>Typ</label>
<select name=”typ”>
<option value=”Einzelgarage”>Einzelgarage</option>
<option value=”Doppelgarage”>Doppelgarage</option>
<option value=”Reihengarage”>Reihengarage</option>
<option value=”Sonstiges”&gt…

Über das Thema HTML und CSS

Mittwoch, Oktober 21st, 2009

…estimmte so gesagte Quellcodes eingeben muss.
Die Quellcodes kann man sich auch im Internet oft holen, zum Beispiel in Google.

Der Unterschied zwischen CSS und HTML ist, bei HTML werden Dokumente nur strukturiert und bei CSS werden die strukturierten Dokumente gleich formatiert.

Die vorteile von CSS sind:
- die Vielzahl der fortgeschrittenen und anspruchsvollen Techniken
- verschiedene La…

CSS Blinkender Text auf einer Seite für Wohnungen

Mittwoch, Oktober 21st, 2009

…ch angenehmer. Auch sollte die Textfarbe deutlich vom übrigen Text der Webseite unterscheiden.

CSS Definition:

blink
{
color: #00ffff;   ? Rot
text-decoration:none;    ? der Text wird bei einem Link nicht unterstrichen
}

Erklärung:

Es sollte zumindest ein Eintrag zwischen “{” und “}” stehen, ansonsten könnte es zu Funktions-Problemen kommen. Die Schriftgröße usw. …

CSS im Anwendungsgebiet eines Gasgrill-Shops

Mittwoch, Oktober 21st, 2009

…t sie. Spezielle Formulierungen kennzeichnen die einzelnen Faktoren. HTML sorgt für eine Struktur im verwendeten Text. Links kennzeichnen sich durch spitze Klammern, hinter denen die Buchstabenfolge „href“ zu finden ist. Bilder bezeichnet man durch „img“, ebenfalls in spitzen Klammern. So gibt es für alles eine Schreibweise, die immer in der gleichen Form zur Anwendung kommt. Dass auf ei…

CSS HTML Kopf Inhalt Fussbereich Schriften Schriftgrößen

Mittwoch, Oktober 21st, 2009

…iguriert wurde. Die beiden Werte setzen die Standardwerte in diesem Fall außer Kraft, und es entstehen keine Lücken mehr.

Html Definition:

<div id=”kopfbereich”>
<p align=”center” >Hier kommt der Kopfbereich.</p>
</div>
<div id=”inhaltsbereich”>
<h1>Beispiel für das  Layout im Body Bereich.</h1>
<p>Hier unser Inhalt</p&g…

Div Container Scrollbalken Hover Effekt im Wasserbetten Shop

Mittwoch, Oktober 21st, 2009

… bestimmt, also die Breiten/Höhen Werte, so wie der Farbwert.
In der “div1? und “div2? Definierung werden die abgerundeten Ecken, so wie auch die Rahmenstärke definiert.

HTML Erklärung:

<div class=”div1?>Beispiel  mit rotem dicken Rahmen</div>
<div class=”div2?>Beispiel  mit normalen Rahmen</div>

Scrollbalken farblich an den Hintergrund anpassen:
Di…