Are CSS reset pages (like this one) still necessary in today's age? I assume the answer is yes but looking to see if I get surprised. I've read thoroughly the HTML5 BoilerPlate from Paul Irish but don't see myself adopting a standard that isn't necessarily standard. [Rhetorical] Isn't this at least some cause of what got us into this me...
Scenario: I have an unordered list < ul > of width (lets say 200px) with four < li > elements that are sized equally. Therefore each should be 50px. When I add a 5th < li > element each width should re-size to 40px. If I change the width of the < ul > to 500px with 5 < li > elements, each < li > element should be 100px. Is this possible...
Click "Rate" - that should pop up a normal boxy dialog, but styles aren't working. Any ideas? Here's the working example on the site: http://www.great-quotes.com/boxyTest.htm The official boxy docs: onehackoranother.com/projects/jquery/boxy/ .boxy-wrapper { position: absolute; } .boxy-wrapper.fixed { position: fixed; } /* Modal */ ...
On my website, I have a div beneath my header with some quick links. I am using http://davidwalsh.name/persistent-header-opacity to keep that div on-screen at all times. However, I want it to show at the top (position:fixed;top:0px;, but only once the original place has been passed. In other words, I don't want it sticking to the top ...
html: <html> <head> <title>Home</title> <link rel="stylesheet" type="text/css" href="qa.css" /> </head> <body> <div id="wrap"></div> </body> </html> css: body { margin:0; padding:0; } #wrap { width:750px; margin-right:auto; margin-left:auto; background:#008B00; } The html file is called qa.html, and the css file is called qa.c...
textarea::selection { background:#0099ff;} That's how you specify a text selection color for chrome in CSS, i know it's different for different browsers but I wanted to know if there's a way to change the selection color inside of a textarea, because the code above wont work for chrome, now, in the code above if i changed textarea to p...
I'm not really sure what I need here but I want to position a div at the bottom of a nested table. I have an outer table that is 100% wide and no height attribute. I have another table within that outer table where I am using the div. I want the div content to rest on the bottom of the inner table. I currently have the div in a <td> tag...
I'm trying to make a dropdown menu which starts with a line of circles for the top-level items. Some lead to another page, but others have sub-items which are presented inside an oval, i.e. the circle transforms into an oval with the subitems inside on mouseover. All of the items change color when moused over. I have scads of exam...
Is there any application to merge small images into a single one in a web application in order to make less HTTP request and have the page load faster? GWT does this automatically and makes proper images + CSS styles to show those images. When I have a plain HTML + CSS is there a helper application which given HTML + CSS + a bunch of s...
What are the specific disadvantages (if any) of dynamically including the CSS and JS files for a website? By dynamically, I mean, using the document.write() method generate and tags. I'd like to use this technique on a very large, high-traffic website, since it allows me to easily manage which files are downloaded for which site sect...
I am looking for some alternate way to do: <iframe transparency=true ... When i do the w3c validation, I am getting the error: Column 31: there is no attribute "allowtransparency" Hi if use this css .iframe-trans-fix{ opacity: 0; filter:alpha(opacity=0); } for above snippet am getting blank iframe, ...
Does min-height not work on body/html? body, html { min-height:100%; } Accomplishes absolutely nothing (firebug reports the body,html tags height does not change at all) ...
I must be missing something simple... I am trying to create an html page that has an image set as the background. Now I'd like the image to take up 70% of the page, aligned to the top right. I was able to get the image to align to the top right of the page, and it looks pretty good in chrome, but terrible in IE. In IE, the image takes...
How I can get the last element (hr) from the following code: <div> <div> <span class="hr"></span> </div> <div> <span class="hr"></span> </div> <div> <span class="hr"></span> <!-- I need this --> </div> </div> .hr:last-child doesn't work for this. Of course, DOM structure could be more...
In the html below I want the third div so that it is in the same row as the first two but with a 100px gap inbetween. The code displays the first two divs adjacent which is what i want but then the third div is displayed underneath the first two. Changing the style of the first two divs to something other than float left messes up the re...
I'm showing code in an ordered list, so that it displays with line numbers. Each li has a pre tag filled with a line of code in it. My problem is that when I set the width of the ol, and I allow the overflow to scroll, the background color of the overflow is different than the background color of the area originally showing. The backgr...
Just as the title states. If not, any good web services you've used to cleanup bloated stylesheets? ...
I want to set border color of field set. I am using class but this is not working properly because i want to remove fieldset default border color. so how can I use fieldset border color. <fieldset class="field_set"> <legend>box</legend> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> ...
Hi, I'm trying to set a height on an h3 based on the tallest version of it's siblings. That bit's not too tricky. But what I need to do is to create it by only certain siblings. I have a list that CSS puts into row's of 3. The last li on each row has the class of 'endRow'. What I need to do, i think, is to find the 'endRow', then use ea...
I am using something like this: .entry a { padding: 2px 0 0 8px; background: transparent url(images/link_arrow_light.gif) left top no-repeat; text-decoration: underline; } Which works fine but adds that image to all links (images, h3 tags, ...) Is there a css way to have it only appear besides links that are within p-tags? ...