Frames emulatie met css

Geplaatst in css. Leave a Comment »

opacity

      #whatever .plaatje {
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
      }

      #whatever .plaatje:hover{
        filter:alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;
      }
Geplaatst in css. Leave a Comment »

min-width en max-width in ie

Simuleer min-width / max-width in IE door onderstaande code;

#container
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
}
Geplaatst in css, ie. Leave a Comment »

PNG alpha transparency en IE

PNG alpha transparency wordt niet ondersteund in IE, gebruik hiervoor:

/* */
* html .kader .hd {
 margin-right:0px; /* space for right corner */
background: none;
width: 250px;
height:25px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/kaderTopL.png', sizingMethod='scale'); }
/* */

Waarbij de PNG in de background gebruikt dient te worden, en de property WIDTH is heel belangrijk!!

-We use ‘/* \*/’ to hide the filter from Mac IE
-We use ‘* html’ to make it IE specific
-We set the background on the DIV to ‘none’ to overwrite the non-IE settings
-Then apply the filter.
All you should need to do is to replace the ’src’ path and select you ’sizingMethod’. In this case we are using sizingMethod=’scale’ which displays top left and stretches the image to fill the dimensions of the element to which it is applied. You could also use sizingMethod=’crop’ which will display our image in the top left position non-tiled at it’s original size.

in IE werkt een link klikken niet meer, heeft te maken met HasLayout
http://www.satzansatz.de/cssd/tmp/alphatransparency.html

Geplaatst in css, html, ie. Leave a Comment »

Illustrator en Appearance effecten apply-en

Als je een appearance effect wilt outline, kies dan ‘Object>Expand Appearance’.

BACKGROUND-IMAGE renderbug in FF / IE7 (HEIGHT probleem)

Blijft kutten, maar deze regels doen wonderen voor de top-div;

min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */

Oh, en html+body dienen height:100% te hebben.

Geplaatst in css, html. Leave a Comment »

sIFR(2): FONT-SIZE werkt niet goed

Het element dient een hoogte gedefineerd te hebben, ofwel in % of px.

Geplaatst in css, flash, sIFR. 1 reactie »

Illustrator en verkeerde kleurexport

Voor export naar een ander formaat voor web moet de colormode in rgb staan anders worden de kleuren verkeerd geexporteerd.

File/Document color mode/rgb color

Popup window via javascript in volledige breedte/hoogte van scherm

javascript:

function popup(url) {
scherm = window.open(url);
scherm.resizeTo(screen.availWidth,screen.availHeight); hitec.moveTo(0,0);
}

html:

<a href="javascript:popup('index.html');">

Waarbij de toevoeging van de ‘window.open’ aan de variabele ’scherm’ het allerbelangrijkste is!

Powerpoint en transparante logos

Wanneer een logo transparant moet zijn in powerpoint moet het logo bewaard worden in png formaat.