css-reset

YUI Reset CSS Makes <strong><em>this not work</em></strong>

This line in YUI's Reset CSS is causing trouble for me: address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } It makes my em not italic and my strong not bold. Which is okay. I know how to override that in my own stylesheet. strong, b { font-weight: bold; } em, i { font-style: italic...

CSS Reset, default styles for common elements

Hi, After applying a CSS reset, I want to get back to 'normal' behavior for html elements like: p, h1..h6, strong, ul and li. Now when I say normal I mean e.g. the p element adds spacing or a carriage return like result when used, or the size of the font and boldness for a h1 tag, along with the spacing. I realize it is totally up to ...

Best css reset

I'm looking for a css reset kit, but I never used one before. So which kits its out there, and whats your experiences regarding these kits? And, is its any different between these kits, something you need to think about? Related: Is it ok to use a css reset stylesheet? ...

Is it OK to use a CSS reset stylesheet?

I'm starting a new web project and I was planning to use a CSS reset stylesheet to have the same starting point styles in all major browsers. Have you used CSS resets? Would you recommend it? Related: Best css reset ...

How to line up HTML input elements?

I am hoping to find a resource for lining up input elements in a HTML page. I find it difficult to get a select element and a text box to be the same width even when using the width style attribute, and it is even more difficult across browsers. Finally, file inputs seem impossible to get to the same width cross browser. Are there any go...

What's the best way to create a style reset for only a portion of the DOM?

I'm trying to create a css reset that targets only my control. So the HTML will look something like this: <body> <img class="outterImg" src="sadkitty.gif" /> <div id="container" class="container"> <img class="innerImg" src="sadkitty.gif" /> <div class="subContainer"> <img class="innerImg" src="sadkitty.gif" /> </di...

If a CSS rule changes, does the browser need to be refreshed

If I have changed a CSS rule via javascript, do I need to do anything to "refresh" the browser to redisplay the current page using the updated rules? ...

Is it wrong to use * when reseting Margins/Padding in CSS?

Should the following be shunned, or praised for its simplicity? For the record, I use it in every site I build, but I've noticed it's not present in many main-stream CSS-Reset frameworks...is there a reason they don't use it too? * { margin:0; padding:0; } Edit: I was curious about performance, mostly. ...

How can I test my webpage using different browsers?

I just found out about the Yahoo UI Reset CSS tool/file and I'm using it on my website. On my machine I have Internet Explorer 7 and Firefox 3.01 and my webpage looks the same on these two browsers. A friend is using Internet Explorer 6 and the page is completely a mess. I have two questions: Am I that poor/stupid in writing CSS? How...

Suggest me a CSS-reset & base framework

Hi there, I will not asking CSS framework such as Blueprint or 960, lately i began to think that YUI CSS reset & base was too much bloated, so i need a simpler, efficient (in size) and effective CSS reset (and it's base) that support multiple browser or at least IE6-8 (Trident), Opera(Presto), Firefox(Gecko), Webkit Remember i don't as...

Paragraph tags in Conflict with Meyer's Reset in IE7?

Working on a rather small, and simple layout, I decided to use Meyer's CSS Reset rules to clear some of the expected discrepancies between browsers. All was working fairly well until I decided to add a few paragraphs into a couple nested divs. Once I placed the paragraph-tags within the second nested div, the background images of both t...

reset multiple css styles for one single div element

Hello, my question is if it is possible to reset css styles (a lot off them) for a single div and all elements that are contained in that div. I am asking, because I found this tutorial for a jquery shoutbox that has it's own css file. I can not just copy the styles over to my own css file, because it will screw up the rest off the pa...

Why YUI Reset CSS dosen't pass Validation?

I tried to validate my site's CSS using the W3C CSS Validator. Unfortunately, reset-min.css from YUI framework produced parse error on the string " {*font-size:100%; ". The validator results. On further investigation I noticed the following error on Firefox's error console: Warning: Expected declaration but found '*'. Skipped to ...

CSS reset - purpose of asterik within a style

The following is taken from the Yahoo css reset. Can someone please explain the purpose of the asteriks? body{ font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } ...

background color disapears when i declare a doctype with YUI reset.css

When running in quirks mode, this works as expected however when I declare HTML 4.01 strict the background color disapears. If I remove the YUI reset.css, it seems to work as it should. Anyone know what YUI is doing? I am using body{ background-color:#000; } .wrap{ width:60em; min-height:100%; position:absol...

Prevent CSS resets only within a certain section of HTML

For the past few years, I've been developing sites with Eric Meyer's CSS resets. I love it and will never look back. I never even thought of looking back. But then today, we implemented a Telerik Rad Editor control. Unfortunately the CSS resets break the internal layout of the Rad Editor as well. Is there some way to prevent the resets f...

cross-browser tableborder-color resetting

Whats the best way to reset and then rewrite the tableborder-color for the most common browsers, let's say FF, Opera, Safari and Chrome so that it will look the same as in IE. IE: Firefox, etc: it seems that a browser selector is neccessary, because different browsers interpret the same hexadecimal values differently. ...

CSS Reset question

I have a reset.css file that includes the following declaration: border:0 none; So when I make a table like this: <table border="1"> The border does not show up. How do I get the border to show up without removing the border:0 none; property? The code must be <table border="1">. Is there a way to make the table "ignore" the reset....

After applying Reset CSS <em>, <code> and other tags lost their default style

I found that I should be using Reset CSS file for making websites, but after I include it, all the <em> and <code> tags lose their style. <em> is not longer italic and <code> is no longer constant font. I fixed it by adding em { font-style: italic; }, but I can't possibly add this for all the tags that lost their style? Any ideas why? ...

What is the difference between YUI 2 and YUI 3, especially in terms of the reset file?

And further, what is the ideal reset CSS to use? Ran across this article http://www.west-wind.com/Weblog/posts/490727.aspx which throws out some different possibilites, but doesn't claim to offer expert advice. I'm hoping on something more official. Also interested in differences in cases of XHTML 1 vs HTML 4.01, as well as HTML5. ...