<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>Thomas Horster &#187; css</title> <atom:link href="http://tom.kulturlounge.de/blog/tag/css/feed/" rel="self" type="application/rss+xml" /><link>http://tom.kulturlounge.de/blog</link> <description>eat the cookie before the cookie eats you</description> <lastBuildDate>Mon, 22 Aug 2011 20:24:40 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.2.1</generator> <item><title>Über 20 Tipps zum Internet Explorer 6 &#8211; Meinem besten Freund</title><link>http://tom.kulturlounge.de/blog/2010/03/12/uber-20-tipps-zum-internet-explorer-6-meinem-besten-freund/</link> <comments>http://tom.kulturlounge.de/blog/2010/03/12/uber-20-tipps-zum-internet-explorer-6-meinem-besten-freund/#comments</comments> <pubDate>Fri, 12 Mar 2010 20:46:20 +0000</pubDate> <dc:creator>Tom</dc:creator> <category><![CDATA[coding]]></category> <category><![CDATA[Frontendentwicklung]]></category> <category><![CDATA[Fun]]></category> <category><![CDATA[css]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[ie6]]></category> <category><![CDATA[internet explorer 6]]></category> <category><![CDATA[tipps]]></category><guid isPermaLink="false">http://tom.kulturlounge.de/blog/?p=740</guid> <description><![CDATA[Nachdem sich google nun bei youtube und facebook selbst langsam vom Internet Explorer 6 verschabschieden und allgemein schon zur Beerdigung des Internet Explorer 6 aufgerufen wird, wollte ich mal kurz ein paar sinnvolle Links hier verbreiten, die sich im Laufe &#8230; <a href="http://tom.kulturlounge.de/blog/2010/03/12/uber-20-tipps-zum-internet-explorer-6-meinem-besten-freund/">Weiterlesen <span class="meta-nav">&#8594;</span></a>Verwandte Artikel:<ol><li><a href='http://tom.kulturlounge.de/blog/2008/04/23/15-mal-kostenlose-musik-aus-dem-internet/' rel='bookmark' title='15 mal kostenlose Musik aus dem Internet'>15 mal kostenlose Musik aus dem Internet</a></li><li><a href='http://tom.kulturlounge.de/blog/2008/06/26/101-photoshop-tipps-in-5-minuten/' rel='bookmark' title='101 Photoshop Tipps in 5 Minuten'>101 Photoshop Tipps in 5 Minuten</a></li><li><a href='http://tom.kulturlounge.de/blog/2008/03/14/kostenlose-musik/' rel='bookmark' title='Kostenlose Musik aus dem Internet'>Kostenlose Musik aus dem Internet</a></li></ol>]]></description> <content:encoded><![CDATA[<div id="attachment_750" class="wp-caption alignright" style="width: 247px"><img class="size-full wp-image-750 " title="Über 20 Tipps zum Internet Explorer 6   Meinem besten Freund" src="http://tom.kulturlounge.de/blog/wp-content/uploads/2010/03/internet_explorer6_my_best_friend.jpg" alt="internet explorer6 my best friend   Über 20 Tipps zum Internet Explorer 6   Meinem besten Freund" width="237" height="211" /><p class="wp-caption-text">Mach es gut, mein Alter Freund</p></div><p>Nachdem sich google nun bei <a href="http://www.youtube.de">youtube</a> und <a href="http://www.facebook.de">facebook</a> selbst langsam vom <a title="Youtube und facebook sagen nein zu IE6" href="http://www.queness.com/post/2375/say-goodbye-to-ie6-very-soon">Internet Explorer 6 verschabschieden</a> und allgemein schon <a title="IE6 beerdigen?" href="http://ie6funeral.com/">zur Beerdigung des Internet Explorer 6 aufgerufen wird</a>, wollte ich mal kurz ein paar sinnvolle Links hier verbreiten, die sich im Laufe der Zeit bei mir angesammelt haben (<a title="Is er schon tot?" href="http://isie6dead.com/">Lebt er noch?</a>):</p><ul style="margin-bottom: 10px;"><li><a title="HTML5 tags mit dem IE6" href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-make-all-browsers-render-html5-mark-up-correctly-even-ie6/">HTML5 tags auch mit dem IE6</a></li><li><a title="CSS3 im IE6" href="http://www.keithclark.co.uk/labs/ie-css3/">Fake CSS3 mit dem IE6 </a></li><li><a title="IE6 Image Replacement on inputs" href="http://jsbin.com/ifibo">Image replacement mit text-indent auch bei &lt;input&gt; Buttons</a></li><li><a title="IE6-8 CSS cheat sheet" href="http://tutorialfeed.blogspot.com/2009/10/visual-cheat-sheet-css-compatiblity.html">Cheat sheet</a> und <a title="IE6 - 8 im Vergleich" href="http://www.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/">Übersicht</a> der unterstützten CSS-Elemente aller IEs</li><li><a title="25 Tipps zum IE6" href="http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs#PNG-Alpha-Transparency">25 Tipps</a> für das IE6 Bugfixing</li><li>Warum ist der IE6 doof? <a title="Wir sind gegen den IE6" href="http://www.catswhocode.com/blog/15-amazing-anti-ie-resources">Anti-IE6-Seiten</a></li><li>Machen wir doch nen besseren Browser daraus: <a title="Google chrome frame projekt" href="http://code.google.com/intl/de-DE/chrome/chromeframe/">google chrome fram</a><a title="bisher noch ungetestet" href="http://www.finefrog.com/2007/02/26/faking-css-position-fixed-in-internet-explorer-6/">e</a></li><li><a title="bisher noch ungetestet" href="http://www.finefrog.com/2007/02/26/faking-css-position-fixed-in-internet-explorer-6/">fixed width in Internet Explorer 6</a></li><li><a title="Anti - IE6 Kampagne" href="http://www.ripie6.com/">Du</a> kommst hier nicht <a title="Lustige Meldung bei momentile.com, wenn man den IE6 nutzt" href="http://www.flickr.com/photos/robotjohnny/3629069606/">rein</a></li><li>Wie soll ichs richtig angehen? <a title="Was machen wir mit dem IE6?" href="http://devthought.com/blog/client-side/2009/05/an-ie6-post/">Ein kleiner Denkanstoß für IE6 Verweigerer</a></li><li><a title="Hacks für IE6 CSS Eigenschaften" href="http://www.productivedreams.com/properties-that-were-impossible-to-implement-in-ie6/">CSS &#8211; Was der IE6 nicht kann und man ihm nur mit Tricks beibringt</a><a title="IE6 Universal CSS" href="http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/"></a></li><li><a title="IE6 Universal CSS" href="http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/">Universelle CSS nur für den IE6</a></li><li>Tipps zum <a title="JavaScript-Debugging im IE6" href="http://sixrevisions.com/javascript/javascript-debugging-techniques-in-ie-6/">JavaScript-Debugging im IE6</a></li><li><a title="IE6 Update Nachricht im Kopf der Seite" href="http://ie6update.com/">Update Hinweis für die eigene Seite</a>, ebenso <a title="Jetzt updaten, warum und wieso?" href="http://code.google.com/p/sevenup/">hier</a></li><li>das Alles (und noch viel mehr) können wir machen, <a title="Web minus IE6 gleich tolle Dinge möglich" href="http://www.sitepoint.com/blogs/2009/04/14/10-cool-things-well-be-able-to-do-once-ie6-is-dead/">wenn der IE6 tot ist</a></li><li><a title="Automatisierte Hilfe zur Stylesheeterstellung" href="http://www.onderhond.com/tools/ie6fixer/">ie6fixer</a> &#8211; Hilfe bei der Erstellung von Stylesheets</li><li><a title="IE6 CSS Bugs umschiffen und vermeiden" href="http://www.onderhond.com/blog/work/ie6-core-bug-fixing">Grundsätzliche CSS-Probleme des IE6</a> beheben, ebenso <a title="IE6 CSS Bugs umschiffen und vermeiden" href="http://www.sitepoint.com/blogs/2009/03/06/10-fixes-for-ie6-problems/">hier</a></li><li><a title="VPC Windows Images mit Internet Explorer 6-8" href="http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&amp;displaylang=en">Laufzeitbeschränkte Virtual PC Images mit den diversen Internetexplorern</a></li><li><a title="Der beste PNG-FIX für den IE6" href="http://www.dillerdesign.com/experiment/DD_belatedPNG/">der beste PNG-Fix für Transparenzen in pngs</a> (meiner Meinung nach)</li><li><a title="IE6 cached CSS Hintergründe nicht" href="http://www.zachleat.com/web/2008/10/18/dear-ie6-please-cache-my-images/">Wie verhindere ich zusätzliche requests im IE6 bei mehrfach verwendeten Bildern?</a></li><li>den IE6 zum <a title="IE7 oder IE8 mit IE6 imitieren" href="http://code.google.com/p/ie7-js/">IE7 oder IE8</a> machen (na ja, in etwa &#8230;)</li></ul><p>Ja, mein alter Freund, was werden wir ohne Dich machen, wenn wir Dich nicht mehr zum ultimativen Feind ernennen können? Das wird ganz schön langweilig werden&#8230;</p><p>Keine Herausforderung mehr, alles wird totaler Standard, keine Bugs mehr zu beheben, die uns den Verstand kosten. <a title="Ich mag IE6, weil... !" href="http://desandro.com/articles/i-like-ie6-because/">Frontend- und Backendleuten wird dann der Konsens fehlen, kein Hass auf Dich mehr, der sie zusammenschweißt&#8230;</a></p><p>Ich glaube, ich werde mich dann wieder mehr mit dem Wetter auseinandersetzen müssen. Ganz schön kalt draußen, oder?</p><div id="_mcePaste" style="position: absolute; left: -10000px; top: 118px; width: 1px; height: 1px; overflow: hidden;">shttp://www.onderhond.com/blog/work/ie6-core-bug-fixing</div><p>Verwandte Artikel:<ol><li><a href='http://tom.kulturlounge.de/blog/2008/04/23/15-mal-kostenlose-musik-aus-dem-internet/' rel='bookmark' title='15 mal kostenlose Musik aus dem Internet'>15 mal kostenlose Musik aus dem Internet</a></li><li><a href='http://tom.kulturlounge.de/blog/2008/06/26/101-photoshop-tipps-in-5-minuten/' rel='bookmark' title='101 Photoshop Tipps in 5 Minuten'>101 Photoshop Tipps in 5 Minuten</a></li><li><a href='http://tom.kulturlounge.de/blog/2008/03/14/kostenlose-musik/' rel='bookmark' title='Kostenlose Musik aus dem Internet'>Kostenlose Musik aus dem Internet</a></li></ol></p>]]></content:encoded> <wfw:commentRss>http://tom.kulturlounge.de/blog/2010/03/12/uber-20-tipps-zum-internet-explorer-6-meinem-besten-freund/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Wie man inline styles in CSS überschreiben kann</title><link>http://tom.kulturlounge.de/blog/2009/05/10/wie-man-inline-styles-in-css-uberschreiben-kann/</link> <comments>http://tom.kulturlounge.de/blog/2009/05/10/wie-man-inline-styles-in-css-uberschreiben-kann/#comments</comments> <pubDate>Sun, 10 May 2009 10:33:52 +0000</pubDate> <dc:creator>Tom</dc:creator> <category><![CDATA[coding]]></category> <category><![CDATA[webdesign]]></category> <category><![CDATA[WTF]]></category> <category><![CDATA[css]]></category> <category><![CDATA[inline styles]]></category><guid isPermaLink="false">http://tom.kulturlounge.de/blog/?p=646</guid> <description><![CDATA[Wenn man inline Styles überschreiben, macht man das mit !important, will man aber nur inline gestylte Tags in CSS im Webdesign überschreiben, gibt es keine andere Möglichkeit, als diese styles direkt anzupassen? Falsch! Eine weitere Möglichkeit ist mit Hilfe des &#8230; <a href="http://tom.kulturlounge.de/blog/2009/05/10/wie-man-inline-styles-in-css-uberschreiben-kann/">Weiterlesen <span class="meta-nav">&#8594;</span></a>Verwandte Artikel:<ol><li><a href='http://tom.kulturlounge.de/blog/2007/10/09/flex-3-beta-2-ist-drausen/' rel='bookmark' title='Flex 3 Beta 2 ist draußen'>Flex 3 Beta 2 ist draußen</a></li><li><a href='http://tom.kulturlounge.de/blog/2007/10/21/adobe-thermo/' rel='bookmark' title='Adobe Thermo'>Adobe Thermo</a></li><li><a href='http://tom.kulturlounge.de/blog/2010/05/14/facebook-secrets-what-you-where-afraid-to-ask/' rel='bookmark' title='Facebook secrets &#8211; what you where afraid to ask'>Facebook secrets &#8211; what you where afraid to ask</a></li></ol>]]></description> <content:encoded><![CDATA[<p>Wenn man inline Styles überschreiben, macht man das mit !important, will man aber <strong>nur inline gestylte Tags in CSS im Webdesign</strong> überschreiben, gibt es keine andere Möglichkeit, als diese styles direkt anzupassen? <strong>Falsch!</strong><br /> Eine weitere Möglichkeit ist mit Hilfe des <strong>[style] Keywords</strong> innerhalb eines Scriptblockes oder einer externen CSS nur diese Tags mit inline Styles anzusprechen.</p><p>Ein Beispiel :</p><pre class="brush: xml; title: ; notranslate">
&lt;div class=&quot;showMe&quot;&gt;
&lt;span style=&quot;font-weight: bold; color: #ff0000;&quot;&gt;Hello World - wird gestyled&lt;/span&gt;
&lt;/div&gt;
&lt;div class=&quot;showMe&quot;&gt;
&lt;span&gt;Hello World - wird nicht gestyled&lt;/span&gt;
&lt;/div&gt;
</pre><pre class="brush: css; title: ; notranslate">
.showMe span[style]{font-weight: normal !important;color: #0000ff !important;}
</pre><p>Wie das immer so ist und wie man sich wahrscheinlich aufgrund <strong>des [style] im Selektor</strong> denken konnte, funktioniert dies <strong>nicht im IE6, aber im IE7 &amp; IE8 sowie allen modernen Browsern</strong>.<br /> Natürlich bleibt die Frage, wann man so etwas sinnvoll anwenden kann, da man inline styles generell vermeiden<br /> sollte, aber es kann mit Sicherheit nicht schaden, so etwas zu wissen.</p><p>Seeing is believing, daher gibt es hier ein kleines <a title="Wie man inline styles in CSS überschreiben kann" href="http://tom.kulturlounge.de/blog/wp-content/uploads/2009/05/index.html" target="_blank">Showcase</a>.</p><p>[gefunden bei <a title="Webdesign &amp; Coding Blog" href="http://www.sohtanaka.com/web-design/how-to-override-inline-styles/">SOTAHNAKA</a>]</p><p>Verwandte Artikel:<ol><li><a href='http://tom.kulturlounge.de/blog/2007/10/09/flex-3-beta-2-ist-drausen/' rel='bookmark' title='Flex 3 Beta 2 ist draußen'>Flex 3 Beta 2 ist draußen</a></li><li><a href='http://tom.kulturlounge.de/blog/2007/10/21/adobe-thermo/' rel='bookmark' title='Adobe Thermo'>Adobe Thermo</a></li><li><a href='http://tom.kulturlounge.de/blog/2010/05/14/facebook-secrets-what-you-where-afraid-to-ask/' rel='bookmark' title='Facebook secrets &#8211; what you where afraid to ask'>Facebook secrets &#8211; what you where afraid to ask</a></li></ol></p>]]></content:encoded> <wfw:commentRss>http://tom.kulturlounge.de/blog/2009/05/10/wie-man-inline-styles-in-css-uberschreiben-kann/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Verschiedene CSS Dateien in Joomla laden</title><link>http://tom.kulturlounge.de/blog/2008/01/02/verschiedene-css-dateien-in-joomla-laden/</link> <comments>http://tom.kulturlounge.de/blog/2008/01/02/verschiedene-css-dateien-in-joomla-laden/#comments</comments> <pubDate>Wed, 02 Jan 2008 09:23:18 +0000</pubDate> <dc:creator>Tom</dc:creator> <category><![CDATA[coding]]></category> <category><![CDATA[Joomla]]></category> <category><![CDATA[components]]></category> <category><![CDATA[css]]></category> <category><![CDATA[design]]></category> <category><![CDATA[mosGetParam]]></category><guid isPermaLink="false">http://tom.kulturlounge.de/blog/2008/01/02/verschiedene-css-dateien-in-joomla-laden/</guid> <description><![CDATA[Es kommt öfter vor, dass man in Joomla bei verschiedenen Komponenten das Aussehen etwas modifizieren möchte. Dies kann z.B. das einfache Ausblenden einer Sidebar sein oder ein komplett anderes Layout. Am einfachsten macht man dies mit Hilfe von XHTML und &#8230; <a href="http://tom.kulturlounge.de/blog/2008/01/02/verschiedene-css-dateien-in-joomla-laden/">Weiterlesen <span class="meta-nav">&#8594;</span></a>Keine verwandten Einträge.]]></description> <content:encoded><![CDATA[<p>Es kommt öfter vor, dass man in Joomla bei verschiedenen Komponenten das Aussehen etwas modifizieren möchte. Dies kann z.B. das einfache Ausblenden einer Sidebar sein oder ein komplett anderes Layout. Am einfachsten macht man dies mit Hilfe von XHTML und CSS.</p><p>Will man in einem Joomla Template abhängig von der Komponente unterschiedliche CSS Dateien laden, bedarf es nur einer kleinen Abfrage mit mosGetParam innerhalb des head Bereiches der index.php:</p><pre class="brush: php; title: ; notranslate">
if (!(mosGetParam( $_REQUEST, 'option', '' )&lt;&gt;&quot;com_fireboard&quot;)) {
echo '&lt;link href=&quot;http://www.bandclash.de/.../css_forum/template_css.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;';
}else{
echo '&lt;link href=&quot;http://www.bandclash.de/.../css/template_css.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;';
}
</pre><p>In diesem Fall wird eine andere CSS geladen, wenn die Fireboard Komponente angezeigt wird, ansonsten wird die normale CSS benutzt. Einfach und effektiv.</p><p>In Aktion lässt sich dies unter <a href="http://www.bandclash.de" target="_blank" title="Bandclash - back to school">www.bandclash.de</a> betrachten. Für das Forum gibt es eine eigene CSS, damit es die ganze Breite nutzen kann.</p><p>Keine verwandten Einträge.</p>]]></content:encoded> <wfw:commentRss>http://tom.kulturlounge.de/blog/2008/01/02/verschiedene-css-dateien-in-joomla-laden/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced (User agent is rejected)
Database Caching 7/51 queries in 0.062 seconds using disk: basic
Object Caching 894/951 objects using disk: basic

Served from: tom.kulturlounge.de @ 2012-02-07 14:15:17 -->
