Archive for the ‘CSS’ Category
“..Designing on a Dime: 100 Freebie CSS Resources..”
recently 
has published a nice collection of CSS resource. here you go -
http://www.softwaredeveloper.com/features/designing-on-a-dime-060407/
here what they said on first couple of lines -
Do you want a spiffy Web site design, but lack the means or knowledge to get it? No problem, brush up on CSS and get that site you want with our freebie guide!
the nice thing is, they have separated their content in several groups, i.e. tutorials, tools, code libraries, browser bugs, galleries, templates, articles etc…
i think if you late you will really miss a list of useful resources.
best wishes,
CSS Hack only for IE 6
these days we got many browsers, sometime i feel if i were a king of the world i would love to eliminate all extra browsers. anyway, our designer bro (_ryan) and me were struggling to figure out some IE 6 specific hack. which won’t affect IE 7.x or other browsers.
we tried applying “@” prefix hack, for example: @width, but it worked on IE 6 and 7. so later we tried the old style “/* \*/” comment hack, exactly the same problem.
so suddenly our designer bhai (ryan), got a nice hack, it was “_”. for example: “_width: 22px”.
surprisingly it worked Wow on IE 6 without affecting IE 7 or other browsers. thanks allah, at least we found something that is working.
this blog is for those who are stucking with such problem.
best wishes,
CSS Stuff: Margin, padding etc…
hi,
if you already have CSS, HTML knowledge, i am not writing for you today… sorry dude, i will come up with more technical stuff for you 
just keep roaming.
this blog is concentrating a very simple problem of understanding “Margin, and Padding” stuff. i think my intended readers are very new on CSS. need few basic understanding of what is called “margin” and “padding” in context of “CSS”.
here i have attached my picture…? let me know do you need more explanation ?? :p (very short right…!!!)
Illustrated how padding and margin worksbest wishes… 
Kudos hasin bhai
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);
Customize HTML file field
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>
