ingeniumdesign blog » HTML/CSS http://blog.ingeniumdesign.de TYPO3, SEO und Magento Sat, 04 Feb 2012 13:43:56 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Silbentrennung per CSS http://blog.ingeniumdesign.de/2012/02/04/silbentrennung-per-css/ http://blog.ingeniumdesign.de/2012/02/04/silbentrennung-per-css/#comments Sat, 04 Feb 2012 13:43:56 +0000 basti http://blog.ingeniumdesign.de/?p=1081 Mit HTML bzw. CSS war es bisher noch nicht möglich mit Silbentrennung zu arbeiten. Hier die Befehle für die gängigen Browser:

body {
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}
]]> http://blog.ingeniumdesign.de/2012/02/04/silbentrennung-per-css/feed/ 1 HTML – Responsive Webdesign Bücher http://blog.ingeniumdesign.de/2012/01/07/html-responsive-webdesign-bucher/ http://blog.ingeniumdesign.de/2012/01/07/html-responsive-webdesign-bucher/#comments Sat, 07 Jan 2012 17:39:31 +0000 basti http://blog.ingeniumdesign.de/?p=1063 Da ich auf der Suche nach guten “Responsive Webdesign” Büchern bin, sollte man wohl vor dem kauf die Beschreibung gut durchlesen!

Das Buch auf Amazon “Responsive Webdesign” wird zwar unter “Englische Bücher” gelistet, die Sprache ist aber Französisch!
Responsive Web design

Daher muss ich es mir wohl oder übel wo anders bestellen.
Dazu warte ich nun noch auf das Buch: Responsive Webdesign: Hochwertige Websites mit HTML 5, CSS3 und Webfonts erstellen

Habt Ihr noch Empfehlungen für mich, welches Buch zum Thema passen könnte?

 

]]> http://blog.ingeniumdesign.de/2012/01/07/html-responsive-webdesign-bucher/feed/ 0 CSS Hacks für Internet Explorer 6,7 und 8 http://blog.ingeniumdesign.de/2011/05/24/css-hacks-fur-internet-explorer-6-7-und-8/ http://blog.ingeniumdesign.de/2011/05/24/css-hacks-fur-internet-explorer-6-7-und-8/#comments Tue, 24 May 2011 07:42:18 +0000 basti http://blog.ingeniumdesign.de/?p=965 Hier habe ich eine sehr gute Anleitung für “safe CSS hacks” im Internet Explorer 6,7 und 8 ( zum Teil schon der IE9 ) gefunden:

http://mathiasbynens.be/notes/safe-css-hacks

]]> http://blog.ingeniumdesign.de/2011/05/24/css-hacks-fur-internet-explorer-6-7-und-8/feed/ 0 Probleme mit CSS-charset Safari und Chrome http://blog.ingeniumdesign.de/2010/07/14/probleme-mit-css-charset-safari-und-chrome/ http://blog.ingeniumdesign.de/2010/07/14/probleme-mit-css-charset-safari-und-chrome/#comments Wed, 14 Jul 2010 07:48:19 +0000 basti http://blog.ingeniumdesign.de/?p=855 @charset "utf-8"; mit einbaut, bekommt der Safari und der Chrome damit Probleme. Baut daher nur in der ersten Datei das charset sein!
@charset "utf-8"; /* CSS Document */ /* aufbau.css */
]]> http://blog.ingeniumdesign.de/2010/07/14/probleme-mit-css-charset-safari-und-chrome/feed/ 0 Cufon mit class benutzen http://blog.ingeniumdesign.de/2009/12/01/cufon-mit-class-benutzen/ http://blog.ingeniumdesign.de/2009/12/01/cufon-mit-class-benutzen/#comments Tue, 01 Dec 2009 13:04:30 +0000 basti http://blog.ingeniumdesign.de/?p=739 Dynamische Schriftersetzung auf Webseiten mit Cufon” kann man mit Cufon Schriften dynamisch ersetzen. Um cufon auf direkte class´en anzusprechen, benötigt man noch jquery.js
<script type="text/javascript" src="js/jquery.js"> ;</script>
[ad#posting] z.B.:
<script type="text/javascript"> Cufon.replace('ul.menu li a'); </script>
[ad#posting] ]]> http://blog.ingeniumdesign.de/2009/12/01/cufon-mit-class-benutzen/feed/ 0 Style input Feld type=”file” ( Durchsuchen ) http://blog.ingeniumdesign.de/2009/11/08/style-input-feld-type-file-durchsuche/ http://blog.ingeniumdesign.de/2009/11/08/style-input-feld-type-file-durchsuche/#comments Sun, 08 Nov 2009 11:14:39 +0000 basti http://blog.ingeniumdesign.de/?p=711 Anleitungen: http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom http://www.quirksmode.org/dom/inputfile.html [ad#posting] ]]> http://blog.ingeniumdesign.de/2009/11/08/style-input-feld-type-file-durchsuche/feed/ 1 Internet Explorer 6 und png Bilder verwenden http://blog.ingeniumdesign.de/2009/07/15/internet-explorer-6-und-png-bilder-verwenden/ http://blog.ingeniumdesign.de/2009/07/15/internet-explorer-6-und-png-bilder-verwenden/#comments Wed, 15 Jul 2009 12:36:41 +0000 basti http://blog.ingeniumdesign.de/?p=539 In der index.html kommt im “head” Bereich dieser Code rein:
<!--[if IE 6]> <link rel="Stylesheet" href="ie6.css" type="text/css" /> <![endif]-->
[ad#posting] In dieser css Datei kommt nun dieser Code:
.classname { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='bildpfad/dateiname.png', sizingMethod='scale'); background: none; }
Nun funktioniert im Internet Explorer 6.0 das png Bild [ad#posting]]]> http://blog.ingeniumdesign.de/2009/07/15/internet-explorer-6-und-png-bilder-verwenden/feed/ 1 Dynamische Schriftersetzung auf Webseiten mit Cufon http://blog.ingeniumdesign.de/2009/05/15/dynamische-schriftersetzung-auf-webseiten-mit-cufon/ http://blog.ingeniumdesign.de/2009/05/15/dynamische-schriftersetzung-auf-webseiten-mit-cufon/#comments Fri, 15 May 2009 17:32:15 +0000 basti http://blog.ingeniumdesign.de/?p=513 Cufón getestet und muss sagen, es ist einfach, klein und perfekt. Habe bisher noch keine Probleme im InternetExplorer 6, 7, FireFox2, 3 oder im Safari sehen können. Demo Ihr könnt Euch mal eine .html Datei erstellen und einen Test mit der dynamische Schriftersetzung von Cufón vorbereiten. Das gute an dem ganzen System, der H1 oder H2 Tag wird nicht gelöscht und es wird kein “Bild” erstellt! Der Text bleibt im Tag! Das Negative an dem JavaScript PlugIn, es werden pro Wort ein span erstellt! [ad#posting] Hier mal ein Beispielcode: ( mehr braucht Ihr nicht )
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="cufon-yui.js" type="text/javascript"></script> <script src="HelveticaNeueLTPro-Roman_400.font.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('h1'); </script> </head> <body> <h1>This text will be shown in Frutiger LT Std.</h1> </body> </html>
[ad#posting] Achtung: Da die Schrift für da Web freigegeben wird, müsst Ihr die Lizensen bei “Kauf-Schriften” lesen! Wiki: wiki.github.com]]> http://blog.ingeniumdesign.de/2009/05/15/dynamische-schriftersetzung-auf-webseiten-mit-cufon/feed/ 10 Safari/Firefox Fix für schlechtes Textrendering http://blog.ingeniumdesign.de/2009/04/15/safari-firefox-fix-fur-schlechtes-textrendering/ http://blog.ingeniumdesign.de/2009/04/15/safari-firefox-fix-fur-schlechtes-textrendering/#comments Wed, 15 Apr 2009 21:36:31 +0000 basti http://blog.ingeniumdesign.de/?p=490 Jonnotie werden beide Ansätze vorgestellt. Hier gibt es eine ausführliche Anleitung: highresolution.info Im zweiten Artikel wird noch beschrieben wie der neue Safari 4 damit klar kommt: jonnotie.nl [ad#posting]]]> http://blog.ingeniumdesign.de/2009/04/15/safari-firefox-fix-fur-schlechtes-textrendering/feed/ 0 Druckvorschau, richtiges einsetzen der CSS http://blog.ingeniumdesign.de/2008/03/18/druckvorschau-richtiges-einsetzen-der-css/ http://blog.ingeniumdesign.de/2008/03/18/druckvorschau-richtiges-einsetzen-der-css/#comments Tue, 18 Mar 2008 13:19:43 +0000 basti http://blog.ingeniumdesign.de/2008/03/18/druckvorschau-richtiges-einsetzen-der-css/ CSS [media="print"] Druckvorschau ]]> http://blog.ingeniumdesign.de/2008/03/18/druckvorschau-richtiges-einsetzen-der-css/feed/ 0 min-height für Internet-Explorer 6 http://blog.ingeniumdesign.de/2008/03/14/min-height-fur-internet-explorer-6/ http://blog.ingeniumdesign.de/2008/03/14/min-height-fur-internet-explorer-6/#comments Fri, 14 Mar 2008 15:56:54 +0000 basti http://blog.ingeniumdesign.de/2008/03/14/min-height-fur-internet-explorer-6/ Leider kann der Internet Explorer 6 kein CSS 2.0 – minimale Höhe “min-height”, doch mit diesem CSS-Hack funktioniert es (CSS level 2.1 Valide):

CSS CODE:
selector {
min-height:500px;
height:auto !important;
height:500px;
}

 

]]> http://blog.ingeniumdesign.de/2008/03/14/min-height-fur-internet-explorer-6/feed/ 10