CSS Hacks: Clearing Floats with the Clearfix Hack

Search
  • Blog
  • About
  • Services
  • Work
  • Contact
  • News
  • Articles
  • Twitter

  • TYPO3 – Bild Qualität ändern
  • Typoscript – JavaScript im Footer auslagern
  • Typo3 – tt_news Dokument speichern und Webseite anzeigen
  • Templavoila – Maximale Bildgröße im Contentbereich
  • Typo3 – tt_news cache deaktivieren
Blog Archiv
  • Typo3 – Auslagern von Typoscript in externe Datei
  • Typo3 – Einbinden von canonical Tag
  • Typo3 – Browserweiche (Conditional Comments)
  • Typo3 – onfocus=”blurLink(this)” in Sitemaps entfernen
  • Typo3 – Sitemap target definieren
Tutorials Archiv

Months Archive June 2008

24th June, 2008

CSS Hacks: Clearing Floats with the Clearfix Hack

0 comments

I use the CSS clearfix hack on nearly all of my sites. The clearfix hack — also known as the “Easy Clearing Hack” — is used to clear floated divisions (divs) without using structural markup. It is very effective in resolving layout issues and browser inconsistencies without the need to mix structure with presentation.

Tags: css, float, hack, hacks

Kategorie css | 0 comments

24th June, 2008

jQuery Resources – 8 essential sites

0 comments

The use of javascript has been a contentious issue in the world of web development over the past few years; too much animation can give off a ‘tacky’ feel, whereas complete static sites just seem a little ‘under-done’. jQuery Resources

Tags: jQuery, Resources

Kategorie jQuery | 0 comments

2nd June, 2008

Typo3 – Links in RTE-Tabellen anzeigen

0 comments

Hier der Codesnippsel der es ermöglicht Links in RTE-Tabellen darzustellen. Zusätzlich werden auch noch alle p-tags entfernt.

// Typoscript Setup
 lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines {
 	addAttributes.P.class >
 	remapTag >
 	addAttributes.DIV.class >
 	// Angabe von Tags, die nicht mit einem zusaetzlichen wrap umgeben werden duerfen
 	encapsTagList = cite, div, p, pre, h1, h2, h3, h4, h5, h6
 }
lib.parseFunc_RTE.externalBlocks.table {
 	// entfernt p-Tag aus table>tr>td...
 	HTMLtableCells.default.callRecursive = 0
 	// css klassen erlauben
 	stdWrap {
 		HTMLparser.tags.table.fixAttrib.class.list >
 		// links erlauben in tabellen
 		parseFunc {
 			makelinks = 1
 			makelinks.http.keep = scheme,path,query
 			makelinks.mailto.keep = path
 			tags {
 				link = TEXT
 				link {
 					current = 1
 					typolink.parameter.data = parameters : allParams
 				}
 			}
 		}
 	}
 }

Tags: links, table, typo3, typoscript

Kategorie tutorials | 0 comments

Page 2 of 2«12


RSS
Follow me on Twitter

About this blog

This website was developed by Markus Bäck based in Tutzing (Starnberger See) using XHTML, CSS, JavaScript and PHP, handcoded in Notepad++. Powered by the Almighty Wordpress.

Resources

  • CSS-Tricks
  • faktor23.de
  • Smashing Magazine

Blogroll

  • Oxid Freelancer
  • TYPO3 Agentur München
  • TYPO3 Freelancer
  • TYPO3 Programmierer

Work

  • stream5 GmbH
  • Guido Schindler Delikatessen | Feinkost - Bistro - Partyservice - Starnberger See
  • ViCommerce GmbH
Copyright © 2012 just4freaks.de Designed and managed by Webdesign Starnberg