Apr 11

HTML (und mehr) Validator

Allgemein Keine Kommentare »

Die uns bekannten HTML- und / oder XHTML-Validierungsdienste sind:

Der Validator von SiteValet http://valet.webthing.com/
Der Validome 2.0 http://www.validome.org/
Der W3C-Validator http://validator.w3.org/
Der WDG-Validator http://www.htmlhelp.com/tools/validator/

Nach den Vorgaben des W3C zu validieren, ist nach der Verbreitung entsprechender Browser-Plug-Ins inzwischen weit verbreitet. Oft hatten wir jedoch das Problem nicht genügend aussagekräftige Meldungen dort zu bekommen. Daher lohnt es sich in einigen Fällen auch mal bei anderen Diensten nach zu sehen.

Mrz 10

Der »DOCTYPE-Switch« und seine Auswirkungen

Allgemein Keine Kommentare »

Der »DOCTYPE-Switch« und seine Auswirkungen

Dies ist ein Artikel zum benannten Thema, emit Beschriebung Beispielen und mehr.

Prüfen kann man den Modus durch einfügen eines JS auf der Seite (siehe Artikel), oder durch:
javascript:alert(document.compatMode);

Geht auch als Bookmark.

Mrz 03

Typo3 RTE-Configuration (Teil 2)

typo3 Keine Kommentare »

Um neue Styles im BE zur Verfügung stellen zu können, ein kleines Beispiel.
Dies muß im Page-Template eingbaut werden:

RTE.default {
	contentCSS = fileadmin/templates/rte.css
	useCSS = 1
	showTagFreeClasses = 1
	keepButtonGroupTogether = 1
	classesCharacter = file, directory, mark1, mark2, mark3, mark4, mark5, mark6
	classesParagraph = code, smallText, box1, box2
	allowedClasses = file, directory, mark1, mark2, mark3, mark4, mark5, mark6, code, smallText, box1, box2
	proc {
		allowedClasses < RTE.default.allowedClasses
	}
	FE {
		proc {
			allowedClasses < RTE.default.allowedClasses
		}
	}
}

Dies muß dann im User-Template eingebaut werden:

setup.default.edit_RTE = 1

Zudem sollte dieser letzte Schalter auch in der Installation freigeschaltet werden.

Mrz 02

Drop Down Menü durch reinem CSS-Code

Allgemein Keine Kommentare »

Ein Dropdown Menü zu erstellen ist kein Hexenwerk wenn man weis wie:

(Habe hier der Übsichtlichkeit wegen, nicht den Quelltext gepostet, sonder nur Links zu den CSS-Datein)

Menüpunkte liegen nebeneinander, dropdown vertikal: http://www.w-project.de/download/dropsense_horizontal.css

Menüpunkte liegen untereinander, dropdown horizontal: http://www.w-project.de/download/dropsense_vertical.css

Funktioniert im FireFox, Opera, Safari sowie dem Internet Explorer 7. IE6 benötigt einen zusätzlichen Hover-Hack damit er die Pseudoklassen (“:hover”) auch auf die Listenelemnte (“li”) übertragen kann

Feb 25

clearall.css

Allgemein Keine Kommentare »
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
         margin: 0;
         padding: 0;
         border: 0;
         outline: 0;
         font-weight: inherit;
         font-style: inherit;
         font-size: 100%;
         font-family: inherit;
         vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
         outline: 0;
}
body {
         line-height: 1;
         color: black;
         background: white;
}
ol, ul {
         list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
         border-collapse: separate;
         border-spacing: 0;
}
caption, th, td {
         text-align: left;
         font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
         content: "";
}
blockquote, q {
         quotes: "" "";
}
Feb 25

Firebug und FireScope

Allgemein Keine Kommentare »

Ein absolutes Muss für jeden Webdeveloper zum Debuggen von HTML, CSS und JavaScript.

http://getfirebug.com/

Und als Ergänzung das passende Nachschlagewerk, das sich direkt in Firebug integriert.
http://tools.sitepoint.com/firescope/

Feb 25

How To Clear Floats Without Structural Markup

Allgemein Keine Kommentare »

How To Clear Floats Without Structural Markup

Einschließen von Floats ohne zusätzliches Markup

Feb 25

MyCssMenu

Allgemein Keine Kommentare »

MyCssMenu zum selber basteln