CAT | (x)html
While developing I use FireFox as my main browser. Mostly during the end of the project IE bugfixing is scheduled.
Today I was having difficulties (again) with z-indexes in IE7. Solution? Very easy using jQuery…
Just have this in your script and it will be okay:
$(function() { var zIndexNumber = 1000; $('div').each(function() { $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; }); });
Wanna know more? Read the article that brought me my solution!
10
Giving every Content Element a different (unique) class in TYPO3
0 Comments | Posted by henjo in (x)html, design, typo3
So… maybe you are like me: you have a design done by somebody who makes it a hell of a job to get it working nicely in TYPO3. For a certain page you need to use every content element in one column to have a specific class that is unique.
Search no longer! Take the code and enjoy!
contentNormal < styles.content.get
contentNormal.renderObj.stdWrap.dataWrap = <div class="contentNormal-{cObj:parentRecordNumber}">|</div>
6
The fastest way to a print version in Typo3 using defaults… (no extensions!)
0 Comments | Posted by henjo in (x)html, css, typo3, usabillity
Let’s go down to it right away:
- Open your main (plugins) template in Typo3, in full glory (you can figure out what that means!)
- Add in the ‘Include Static’ section: plugin.alt.print (98)
- this adds the page type 98 to your site
- Now you can use the constants to add some special cs/html to make it feel the way you like it to be
- plugin.alt.print.file.stylesheet = fileadmin/templates/res/print.css
- plugin.alt.print.file.template = fileadmin/templates/print.html
- Now add the following code in the TS where you built your (footer) menu:
- stdWrap {
append = TEXT
append.value = print
append.typolink.title = printversion of this page
append.typolink.parameter.dataWrap = {TSFE:id},98
} - This will add a link entitled print to the menu and will generate the correct pagetype.
- stdWrap {
- This works with SimulateStatic (print.34.98.html) as a charm!
- And why not with the rest? It will!
Have fun!
Consider a donation if blablabla
10
Getting your font-sizes right…
0 Comments | Posted by henjo in (x)html, css, design, ie, usabillity
Ever wondered why IE shows bigger headings than other browsers? If you are like me and walking your website releases the FF – Safari – IE7 – IE6 way, you’ll notice fontsizes are screwed up here and there. Of course you can write different stylesheets, what I did for a while. But recently I ran into this article that actually explains a good deal how to get stuff right, the nice way.
Enjoy reading!
1
Avoiding Duplicate content while using Simulate Static (Typo3)
0 Comments | Posted by henjo in (x)html, seo, typo3
Avoiding duplicate content is still a good thing preparing your website to be launched. With typo3’s built in simulate static this appeared to be a daunting task for the home page, but once known not so hard to accomplish after all.
A little PHP and TypoScript will do the job!
You can find a perfect description on the how-to-do-it right here.
I suggest you read it, throw in the code and fix your site(s)! And then watch your traffic increase over the weeks to come…
Well, the title says it all, here’s the quick-’n-dirty solution:
http://www.mister-pixel.com/#Content__state=is_that_simple
Well – there are several solutions to go for of course (allways multiple ways to reach the same sort of result – especially when working with typo3
). The best working solution I found was using the efa_fontsize javascript. You can find a german ‘how-to’ here.
I have been asked today to get fonts compiled to use with sIFR. To be honoust I didn’t know what was expected of me and after a little conversing it became clear: to use the extention gb_sifr you need to have a .swf containing all the characters of the font you want to use.
After some research I found OpensIFR; a tool to create the needed file. In less then 10 minutes time I was able to produce a list, nice looking, sIFR replaced and all. Nice.
I read this post on how to do some work on getting your site mobile friendly. Great post. Must read. http://www.mikeindustries.com/blog/archive/2005/07/make-your-site-mobile-friendly
Had problems with the anoying object frame in IE. This extention fixes it: flashfix.
Basecamp
Get me at Technoratie
Typo3










