Clipmarks | nouse4name's 'css' clips

min-height 4 all

Sat, 24 Mar 2007 19:08:18 GMT

clipped by: nouse4name

Min-Height für den Internet Explorer

<div class="test">...</div>

.test

				{

				  	 min-height:300px;

				  	 height:auto !important;  /* für moderne Browser */

				  	 height:300px;  /*für den IE */

				}

Oft möchte man eine Standardhöhe für seine Container festlegen und möchte, daß sich die Boxen automatisch mit dem Inhalt vergrößern. Man stellt dann allerdings fest, daß im Gegensatz zum Internet Explorer Gecko-Browser trotz überlaufendem Inhalt die definierte Höhe beibehalten.
Gecko-Browser verhalten sich allerdings in diesem Fall richtig, da man für diesen Zweck einfach eine Mindesthöhe ( min-height) festlegen sollte; min-height wird aber nicht vom Internet Explorer unterstützt, daher muß man sich eines kleinen Workarounds bedienen, um zu seinem Ziel zu gelagen.

Tags: min-height, css, html

Verschiedene Link formatierung für die verschiedenen Spalten

Fri, 22 Dec 2006 21:08:06 GMT

clipped by: nouse4name

Clip Source: www.typo3wizard.com

Verschiedene Link formatierung für die verschiedenen Spalten

Hier sieht man wie man die Standard Überschrift der Content Elemente abhänig von der Spalte per TypoScript ändern kann. Einähnliches Resultat mit CSS Selektoren erreicht werden.

Aber nun zum TypoScript:

temp.stdheader < lib.stdheader
lib.stdheader >

lib.stdheader = CASE
lib.stdheader {
  key.field=colPos
  1 < temp.stdheader
  2 < temp.stdheader
  3 < temp.stdheader
  default < temp.stdheader
}
lib.stdheader.default.10.1.fontTag = <h1>+++|+++</h1>
lib.stdheader.1.10.1.fontTag = <h1>***|***</h1>
lib.stdheader.2.10.1.fontTag = <h1>---|---</h1>
lib.stdheader.3.10.1.fontTag =<h1>...|...</h1>

Was wird gemacht?

Als erstes wird der Standard Header Temporärgespeichert.Anschlischießend wird der Standard header gelöscht und daraus ein CASE (Zur Typo3 Doku) gemacht. Je nach Spalte ( default = normal, 1=left,2=right, 3=border)wird ein anderes Objekt erstellt. Anschließend ändern wir noch die Formatierung für die Verschiedenen Spalten. Achtung hier wird es nur für den Default Überschriften Typ gemacht. Für den Restevtl. im Object Browser nachsehen.

So siehts aus

Kommentare (1)

Tags: typo3, link, style

typo3 - generelle Schnipsel für das Setup

Mon, 18 Dec 2006 13:53:59 GMT

clipped by: nouse4name

Clip Source: www.sk-typo3.de

generelle Schnipsel für das Setup

Die folgenden Schnipsel werden fast immer für eine neue Typo3-Seite benötigt.

ein typischer config-Abschnitt

TypoScript

config {
	doctype = xhtml_strict
	xmlprologue = none
	htmlTag_langKey = de_DE
	xhtml_cleaning = all
	no_cache = 0
	admPanel = 0
	removeDefaultJS = 1
	#Kommentare ausblenden
	disablePrefixComment = 1
	#wandelte alle CSS in Files um
	inlineStyle2TempFile = 1 
	disableImgBorderAttr = 1
	index_enable = 1
	baseURL = http://domain/
	absRefPrefix = http://domain/
}

Metatags

TypoScript

page.meta {
  description = Beschreibung
  keywords = Keywords
  author = ena-webstudio.com
  robots = index, follow
  MSSmartTagsPreventParsing = true
  imagetoolbar  = false
}

einige Tricks

TypoScript

#Standardheader
lib.stdheader.10.1.fontTag = <h3>|</h3>

#csc-header entfernen
lib.stdheader.stdWrap.dataWrap >

#Überschriften ohne Zusätze
lib.stdheader.2.headerStyle >
lib.stdheader.3.headerClass >

#noch mehr entfernen
tt_content.stdWrap.dataWrap =

# class="bodytext" bei RTE abstellen
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >

# Ummantelung mit <p> bei folgenden Tags verhindern
lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6,table,tr,td

#p bei Tabellenzellen entfernen
#lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.removeTags = p

#Klassen in Tabellen zulassen
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >

Favicon einbinden

TypoScript

page.shortcutIcon = fileadmin/images/favicon.ico

Tags: typo3, typoscript, template, config, setup

Typo3 different browser different stylesheet

Thu, 14 Dec 2006 20:50:32 GMT

clipped by: nouse4name

Clip Source: www.typo3forum.net

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:

page.headerData.132 = TEXT
page.headerData.132.value (
<!--[if lte IE 6] >
<link href="http://www.typo3forum.net/forum/fileadmin/cssFiles/ie6_hacks.css" rel="stylesheet" type="text/css" />

<![endif]-->

)

Tags: typo3, ie6, ie7, stylesheet, css