269 Tipps rss | 6 Nutzer online

HTML


|< << >> >| Eintrag 1-25 von 33

autocomplete input html abschalten Autocomplete in HTML-Formularen unterdrücken
Meistens ist es ja praktisch: Moderne Browser merken sich die Eingaben des Anwenders in HTML-Formularen und bieten beim erneuten Aufruf alle bisherigen Eingaben in einer Liste unter dem Feld an.Doch als Entwickler des Formulars möchte man dieses Verhalten in bestimmten Fällen verhindern, zum Beispiel wenn man den Anwender bewusst zum Eintippen zwingen [...]
[ 16.10.2007 | 1 Kommentare | 3384 Abrufe | Note 2.00 ]

Cheat Sheets - praktische Spickzettel für Webprogrammierer
Auf so genannten Cheat Sheets finden Sie die wichtigsten Informationen zu einem bestimmten Thema kompakt auf einer oder mehrerer Seiten zusammengefasst. Wer also schnell nachschauen will, wie man in Javascript Zahlen in einen String verwandelt oder wie die Breite eines Textfeldes in HTML gesteuert wird, findet hier die Antwort.HTMLVisibone Colorpicker [...]
[ 12.10.2007 | 0 Kommentare | 3835 Abrufe | Note 2.00 ]

css links verweise formatieren CSS: Hyperlinks unterstreichen, sobald Mauszeiger darüber steht
In Menüs macht es sich gut, wenn ein Hyperlink unterstrichen erscheint, sobald der Mauszeiger darüber steht. Das folgende, vereinfachte Beispiel zeigt, wie es geht:<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Strict//EN'><html><head><title>Test</title><style type='text/css'>a { text-decoration: none}a:hover {text-decoration: [...]
[ 13.07.2007 | 0 Kommentare | 5007 Abrufe | Note 2.50 ]

css button formatieren CSS: Schaltflächen formatieren
Mit Hilfe von CSS können Sie auch Schaltflächen, also Buttons besser aussehen lassen. Farben, Schriftarten oder sogar einen Rahmen setzen Sie ganz einfach, wie das folgende Beispiel zeigt:<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Strict//EN'><html><head><title>Test</title><style type='text/css'>#abschicken {font-family:Verdana;color:blue;background: [...]
[ 12.07.2007 | 0 Kommentare | 4671 Abrufe | Note 4.25 ]

Rails: Alternativen im HTML-Template
Nicht immer liegt in einem HTML-Template vielleicht der gewünschte Parameter vor, der ausgegeben werden soll. In diesem Fall lohnt es sich, einen alternativen Text zu schreiben. Der wird immer dann angezeigt, falls der Parameter nicht vorhanden ist.Im Beispiel sieht das so aus:<title><%= @titletag || "Standard-Text" %></title>Der Code [...]
[ 05.06.2007 | 0 Kommentare | 1415 Abrufe | Note 3.00 ]

Besser Sprachen lernen mit Codeschnipseln
Viele lernen eine Programmiersprache leichter, wenn sie Beispiele vor sich haben. Die nämlich lassen sich prima analyiseren und bringen beim Nachschreiben und Ändern einen hohen Lerneffekt.Nur, woher die Schnipsel bekommen? Eine gute Anlaufstelle hierfür ist dieses Code-Repository. Es bietet Programmierbeispiele für praktische alle Programmiersprachen [...]
[ 14.02.2007 | 0 Kommentare | 5980 Abrufe | Note 1.67 ]

Tastenkürzel für HTML-Element definieren
In allen Windows-Anwendungen können Sie dem Anwender die Bedienung durch Tastenkürzel erleichtern. Das klappt auch auf Webseiten. Sie können so eine Tastenkombination definieren, mit der der Anwender zu einem HTML-Element wie einem Link oder einem Eingabefeld springt oder einen Button betätigt.Erreicht wird das durch das Attribut accesskeyim HTML-Tag. [...]
[ 24.11.2006 | 0 Kommentare | 2138 Abrufe | Note 1.67 ]

css erste zeile CSS: Erste Zeile hervorheben
Ein netter Effekt bei umfangreichen Texten kann es sein, wenn Sie die erste Zeile eines Absatzes anders formatieren, zum Beispiel fett. Dazu verwenden Sie CSS, zum Beispiel:<style type="text/css">p:first-line {font-weight: bold;}</style><p>Ich bin der erste Satz eines Absatzes.Ich bin anderer Text. Ich bin anderer Text.Ich bin anderer [...]
[ 15.11.2006 | 0 Kommentare | 1816 Abrufe | Note 3.00 ]

css zeile einrücken CSS: Erste Zeile einrücken
Bei umfangreichen Textdokumentensieht es gut aus, wenn die erste Zeile eines neuen Absatzes leicht eingerückt ist. Das geht mit CSS ganz einfach, indem Sie eine Vorlage wie die folgende definieren:<html><head><title>CSS-Test</title><style type="text/css">p { text-indent: 15px;width: 400px;}</style></head><body><p>Ich [...]
[ 14.11.2006 | 0 Kommentare | 6147 Abrufe | Note 3.00 ]

farbtabelle html hexadezimal Hexadezimale Farbcodes für HTML ermitteln
Sie brauchen eine Tabelle mit den hexadezimalen Farbcodes für HTML? Wenn Sie noch keine haben, dann nehmen Sie doch einfach eine aus dem Internet, zum Beispiel die unter http://www.htmlhelp.com/cgi-bin/color.cgi erreichbare Tabelle [...]
[ 01.11.2006 | 0 Kommentare | 2053 Abrufe | Note 3.00 ]

xml links setzen XML: Richtige Links in XML-Dateien setzen und Fehler vermeiden
Wer Hyperlinks in XML-Files speichert, stößt schnell auf Probleme. Denn sobald URL-Parameter in der üblichen Schreibweise in einem Link stehen, kommt es zu einem für XML ungültigen Zeichen. Ein Beispiel:<?xml version="1.0" encoding="ISO-8859-15" ?><linkliste><link>http://www.meineseite.xy/show.php</link><link>http://www.meineseite.xy/show.php?id=10&mode=show</link></linkliste>Der [...]
[ 01.11.2006 | 1 Kommentare | 918 Abrufe | Note 3.00 ]

microbuttons antipixel generator galerie Microbuttons generieren lassen
Jeder hat sie wohl schon einmal im Web gesehen: Microbuttons, die in ganz komprimierter Form ein Link zum Draufklicken bilden oder eine Art Flag darstellen.Auf der Website www.buttonbrowser.de können Sie sich selbst einen solchen Mini-Button erstellen lassen. Sie geben einfach Farbe, Inhalt und Schriftart an und der Generator fertigt Ihnen einen individuellen [...]
[ 13.10.2006 | 1 Kommentare | 3862 Abrufe | Note 3.00 ]

Javascript: Events für komfortable Eingabeformulare
Events sind die Schnittstelle zwischen Javascript und HTML. In diesem Beitrag erfahren Sie, wie Sie ein Eingabeformular mit Hilfe der Events onblur, onload und onsubmit komfortabler und sicherer machen. Bei Formularen sind Eingabekomfort und Fehlermeldungen wichtig. Nur, wenn Benutzer bemerken, dass sie einen Fehler bei der Eingabe gemacht haben, bekommt [...]
[ 12.10.2006 | 0 Kommentare | 9062 Abrufe | Note 3.00 ]

CSS: Schriftgröße in em angeben
Viele verwenden für die Formatierung ihrer Schrift die Angabe px. Der Internet Explorer kann aber so formatierte Seiten nicht ohne weiteres vergrößern und verkleinern. Flexibler ist der Weg über em. Dazu müssen Sie zunächst eine Basisgröße festlegen. Das geht mit body { font-size: 62.5%;}Sofern der Benutzer nicht die meist übliche Standardschriftgröße [...]
[ 12.10.2006 | 0 Kommentare | 1465 Abrufe | Note 4.00 ]

HTML: Hyperlinks mit Grep finden
Um HTML-Dateien auf der Linux-Shell nach Links zu durchsuchen, probieren Sie es mit diesem Befehlegrep -n -H "<a "htmldata/*.*Geben Sie den Befehl in einer Zeile ein. Der Reguläre Ausdruck <a findet alle Zeilen, die ein <a>-Tag enthalten, -n gibt Zeilennummern aus und -H zeigt Dateinamen an. [...]
[ 09.10.2006 | 0 Kommentare | 760 Abrufe | Note 3.00 ]

HTML: Begriffserklärungen per Mauszeiger
HTML bietet mit <acronym> und <abbr> Tags für Abkürzungen. <acronym> kommt hier für Akronyme zum Einsatz, etwa "BIOS" oder "NATO". Das Tag <abbr> dagegen verwenden Sie für alle anderen Abkürzungen, etwa "Abk.". Je nach Browser hat das Tag Auswirkungen auf die Optik. In Firefox zum Beispiel erscheinen mit <acronym>...</acronym> [...]
[ 09.10.2006 | 0 Kommentare | 1016 Abrufe | Note 3.00 ]

Google: Spam ausbremsen
Besitzer von Sites mit Kommentar-Funktion müssen sich mit Spam herumschlagen. Um Spammern Wind aus den Segeln zu nehmen, hat Google ein Attribut für Links eingeführt: rel="no-follow"ist für Google – und andere Suchmaschinen – die Aufforderung, den Link nicht in die Bewertung von Suchergebnissen aufzunehmen. Spammer, die auf zahllose Links aus dem Web [...]
[ 09.10.2006 | 0 Kommentare | 1063 Abrufe | Note 3.00 ]

Firefox: Quelltext der Auswahl zeigen Firefox: Quelltext der Auswahl zeigen
Der Web-Browser Firefox erlaubt, den Quelltext eines zuvor markierten Bereichs der HTML-Seite anzusehen. Dazu markieren Sie den Bereich und klicken mit der rechten Maustaste auf die Markierung.Dann nur noch Auswahl-Quelltext anzeigen wählen und schon sehen Sie den gewünschten HTML-Code. Dabei wird zusätzlich der HTML-Quelltext des umgebenden DOM-Elements, [...]
[ 09.10.2006 | 0 Kommentare | 896 Abrufe | Note 3.00 ]

CSS: Farbangaben abkürzen
Um Tipparbeit beim Schreiben von CSS-Stylesheets zu sparen, können Sie die Farbangaben immer dann abkürzen, wenn die Ziffern aus gleichen Paaren bestehen. Aus #CCDDEE machen Sie einfach #CDE.Im Stylesheet sieht das zum Beispiel so aus:<style type="text/css">body {background-color: #CDE}</style>Nachteil: Es stehen nicht so viele Farben zur [...]
[ 09.10.2006 | 0 Kommentare | 1301 Abrufe | Note 3.00 ]

Hexadezimale Farbcodes für HTML-Farben
Farbcodes für HTML-Farben sind allenthalben im Web zu finden. Nur wenn man sie wirklich dringend braucht, sind sie gerade nicht da.Für künftige Suchaktionen hier ein Link zu den hexadezimalen Farbcodes für HTML.(Und wenn ich mal groß bin, programmiere ich so ein wildes Schleifchen, das mir aus allen Farbcode-Kombinationen eine hübsche Tabelle aufbaut ;-) ). [...]
[ 31.03.2006 | 0 Kommentare | 6220 Abrufe | Note 4.00 ]

Javascript-Code auslagern
Zu viel Javascript in einer HTML-Seite schadet der Übersicht. Deshalb lagern Sie Javascript-Code am besten in eine oder mehrere eigene Dateien aus. Um den Code in die HTML-Seite einzubinden, verwenden Sie den folgenden Befehl:<script src="scriptname.js" language="JavaScript" type="text/javascript"> </script>Dieser Befehl bindet die Datei [...]
[ 28.03.2006 | 0 Kommentare | 3398 Abrufe | Note 1.60 ]

Links auf einer Seite zählen
Ein eleganter Weg, Links und andere Elemente in einem Web-Dokument zu zählen führt über Document Object Model. Auf diese Weise können Sie zum Beispiel Dokumentstatistiken erzeugen, die zeigen, wie viele Absätze oder Querverweise ein Dokument enthält, Dazu verwenden Sie getElementsByTagName:Ein Beispiel:<html><head><title>Links zählen</title></head><body><p><a [...]
[ 28.03.2006 | 0 Kommentare | 1767 Abrufe | Note 3.00 ]

Debugging für HTML: Fehler finden mit Plugin
HTML zu debuggen ist mühsam. Ein wenig erleichtert das Firefox-Plugin "Webdeveloper" die Arbeit. Auf Knopfdruck zeigt das Programm zum Beispiel die Umrisse aller Tabellen. Das ist ideal, um Fehler in Tabellen zu erkennen. Weiteren Problemstellen kommen Sie mit den direkten Verknüpfungen zu Validatoren auf die Spur. Zwei Klicks genügen, und das W3C untersucht [...]
[ 28.03.2006 | 0 Kommentare | 3725 Abrufe | Note 3.00 ]

Formulare: Formularfeld mit CSS formatieren Formulare: Formularfeld mit CSS formatieren
Die HTML-Formularfelder versprühen nicht sonderlich viel Charme. Es sind eben Formulare. Doch mit ein wenig CSS machen Sie aus den drögen Feldern attraktive Eingabeboxen. Ein Beispiel:<input style="background-color: beige;color:black;border:none"/>Damit zeichnet der Browser ein Eingabefeld mit beigem Hintergrund. Die Schrift der Eingabe erscheint [...]
[ 28.03.2006 | 0 Kommentare | 10701 Abrufe | Note 2.50 ]

Beispiel für Drag&Drop per Javascript
Hier ein schönes Beispiel, wie man in Javascript per Drag&Drop Werte aus einer Liste zuweisen kann. Aus einem Fensterbereich links kann der User per Maus Inhalte in eine Liste rechts übernehmen.Viel besser, als die übliche Variante, aus einer Liste auszuwählen um sie dann per Button zu übernehmen...http://neb.net/playground/dragdrop/Schon erstaunlich, [...]
[ 14.12.2005 | 0 Kommentare | 2566 Abrufe | Note 3.00 ]

|< << >> >| Eintrag 1-25 von 33