Hasan’s Weblog (হাসান এর বল্গ)

Loading...

Kudos hasin bhai R

September 1st, 2006

I was stuck with few CSS related bugs, which were related only with M$ IE.

Credits goes to hasin bhai who resolved those M$ IE related bugs.

Scenario 1:

Everything was loading fine on most of the browsers except IE 6, it was not render the <h2/> background, which was placed inside a div.
i.e: <div><h2>title</h2><p>some content</p></div>

Solution: use (position: relative)

Scenario: 2

Rectangle border was not rendering properly on IE.
i.e: <div class=”borderDiv”>some content, contains lot of floating div as well</div>

Solution: use (background: #fff);

Posted in CSS, HTML, bug

Comments(2)

Country list Combo box R

August 29th, 2006

Hi, sometimes it should be helpful. (credit goes to IBM registration page )

<html:option value=”Australia”>Australia</html:option>
<html:option value=”Canada”>Canada</html:option>
<html:option value=”Germany”>Germany</html:option>
<html:option value=”Japan”>Japan</html:option>
<html:option value=”United Kingdom”>United Kingdom</html:option>
<html:option value=”United States of America”>United States of America</html:option>
<html:option value=”Afghanistan”>Afghanistan</html:option>
<html:option value=”Albania”>Albania</html:option>
<html:option value=”Algeria”>Algeria</html:option>
<html:option value=”American Samoa”>American Samoa</html:option>
<html:option value=”Andorra”>Andorra</html:option>
<html:option value=”Angola”>Angola</html:option>
<html:option value=”Anguila”>Anguila</html:option>
<html:option value=”Antarctica”>Antarctica</html:option>
<html:option value=”Antigua and Barbuda”>Antigua and Barbuda</html:option>
<html:option value=”Argentina”>Argentina</html:option>
<html:option value=”Armenia”>Armenia</html:option>
<html:option value=”Aruba”>Aruba</html:option>
<html:option value=”Austria”>Austria</html:option>
<html:option value=”Azerbaijan”>Azerbaijan</html:option>
<html:option value=”Bahamas”>Bahamas</html:option> Read the rest of this blog »

Posted in HTML

Comments(2)

Customize HTML file field R

August 21st, 2006

Hi,

as we know html file field is unchangeable. you can change border style but you can’t use a button instead of traditional style.

recently i have introduced an article which clearly illustrated several examples.

though you can read it from here i am also giving my code snap.

here is live example: customized_file_field.html

<html>
<head>
<style type=”text/css”>
.file {
position: relative;
-moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
left: -160px;
}
.fake {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
</style>

</head>
<body>
<form action=”null” style=”position: relative;”>
<input type=”file” name=”file” class=”file” id=”upload-file” />
<div class=”fake”>
<input type=”button” value=”upload” />
<input type=”submit” value=”submit” />
</div>
</form>
</body>
</html>