XprsYrslf @ Twitter
 

‘HTML’ Category


IE8 display: table-cell & max-width bug

August 18th, 2009

A few days ago, a bug in EasySell appeared in Internet Explorer 8.

Fault Version

Apparently we used max-width (and max-height) on the image in a table ‘td’:

table td img {
max-height: 255px;
max-width: 345px;
}

This piece of code won’t get applied by IE8, so it seems…
But google found the solution right here, thanks to the forum user AsraiLight.
To let IE8 apply the max-width/max-height, you have to use a fixed table layout:

table{
table-layout: fixed;
}

This made it look like it is supposed to:

Correct Version

 

Disable Input Box

November 22nd, 2008

Disable a html Input box without losing successful-controls with javascript:

<form action="" method="post">
<input type="text" readonly="readonly" onselect="this.blur()"
onfocus="this.blur()" name="SomeTextBox" value=""
style="background-color:lightgrey;cursor:default;">
<input type="submit">
</form>

 

Disable alt tooltip in IE6

October 28th, 2008

Override alt tooltip by putting an empty title attribute in the tag

<img alt="something" src="">

becomes
<img title="" alt="something" src="">