CSS | Blog der TYPO3-Agentur mobasoft aus Dresden

Jul 09

Eindeutige ID für Body-Tag

Dienstag, 09.07.2013 19:03

Manchmal möchte man Elemente, die auf verschiedenen Seiten wiederkehren, für spezielle Seiten per CSS formatieren. Lösungsansätze gibt es hierfür verschiedene. Inhalts-Elemente besitzen ja schon eigene IDs (c123), über die man das Element ansprechen kann.

Dennoch ist es manchmal von Vorteil, der BODY-Tag hätte eine eigene ID (oder Klasse), über die man alle Inhalte innerhalb ansprechen kann.

Dazu ist folgendes TypoScript (Setup) notwendig:

page.bodyTag >
page.bodyTagCObject = TEXT
page.bodyTagCObject.field = uid
page.bodyTagCObject.wrap = <body id="page-|">

Wenn wir jetzt noch eine Klasse hätten, die auch noch die ID der übergeordneten Seite ausgäbe, so wäre es natürlich noch besser.

page.bodyTag >
page.bodyTagCObject = TEXT
page.bodyTagCObject.field = uid
page.bodyTagCObject.wrap = <body id="page-|" class="parent-{field:pid}">

Thema: TYPO3, TypoScript | Kommentare (0) | Autor: mobasoft

Mai 09

Statt Icons nur noch drei Punkte im Extension Manager

Mittwoch, 09.05.2012 20:26

Sollten im Extension Manager statt den Icons zum (de-)installieren nur noch drei Punkte erscheinen, so hat dies mit dem neuen Firefox (12) und einem Bug im Extension Manager zu tun.

Abhilfe schafft hier ein Workaround, indem man in der typo3/sysext/em/res/css/t3_em.css ab Zeile 283 statt

.paddingNoActionIcon img {
    margin-right: 20px;
}

jetzt

.paddingNoActionIcon img {
    margin-right: 5px;
}

schreibt. Der Bug ist auch hier beschrieben.

Thema: TYPO3 | Kommentare (0) | Autor: mobasoft

Okt 13

IE-Bug: Weißer Hintergrund bei Hover

Donnerstag, 13.10.2011 12:54

Nach langer Suche aufgedeckt: Bei :hover ändert sich im IE (7) die Hintergrundfarbe nicht auf Weiß (#FFFFFF).

Beispiel:

HTML:

<div><a href=“#“>Mouseover</a></div>

CSS:

DIV {background-color:#000000;}
A {width:100%;display:block;border:1px solid #000000;color:#DDDDDD;}
A:HOVER {background-color:#FFFFFF;color:#000000;}

Thema: Allgemein | Kommentare (0) | Autor: mobasoft