I have a page with lots of data, tables and content. I want to make a print version that will only display very few selected things. Instead of writing another page just for printing, I was reading about CSS's feature for "@media print". First, what browsers support it? Since this is an internal feature, it's OK if only the latest brow...
I want to make a div that expands to reveal its content when clicked. What I did to date is: Created a div, set to overflow:hidden Created a JS function that toggles the height of the div between "minimized" and "maximized" (20px height and XYZpx height). So far everything works, except I don't know how to get the height of the conte...
I'm trying to make a cycle so that if you click on a list item it goes green, if clicked again it goes red, once more and it goes into its original state, there are some items in the list that will already have either green or red classes. So far I've written this but it isn't working: $(document).ready(function () { $("li").click(funct...
Is there a way to achieve in iBooks an effect of Page float: http://www.w3.org/TR/css3-gcpm/#page-floats I tried using {float: top page} but didn't work. Seems that is not supported. Would be very helpful for figures and pictures. Thanks ...
This is so annoying. In firefox and Opera, i'm getting padding between my nested divs, but not in Chrome and Safari. I tried border-collapse:collapse But no luck, any ideas? This extra space is screwing up my fluid footer (all div widths add up to 100%, but because opera and FF add this space i never asked for (!) it overflows. Here's...
Trying to conserve css-loading bandwidth. I'm trying to reuse the overlay from jQuery UI for just a small section of the page - say, within a certain div. Can't seem to get the overlay to cover anything but a (semitransparent) blackout of the entire page. Integration CSS help, please! ...
The "html.css" is very mysterious to me, it always suddenly appear and suddenly disappear, when it appears, it always destroy my page style and keep sticky there until God knows when it disappears Is there a way to disable it ? How? Add: i found the problem appears not only in my system but also in my guest os, so i guess i have to fou...
Basically, I need to adjust the font type everywhere it isn't specified. How can I do that? table, div, span, p, input, you name it. Is there a way I can do them all with 1 css rule that I can add? ...
I have a blank div class that is called spacer ... it has a blue background and a width of 100% of the container (the body) ... What I have found is that the spacer will not DISPLAY unless I toss some character in it. I can color the character blue so it is hidden, but that is so inelegant. What is the CORRECT way to do this. ...
I found the css border on the table cell is lost when applying css gradient filter at the same time. It seems that the gradient effect overrides the border. Is it a browser bug or am I missing something here? The style is defined like this: .c7 { color: #000000; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0...
Hi, would you hide the navigation in your print stylesheet? what are pros/cons? my initial thoughts: hide: uses up paper real-estate not very useful on paper keep: keep look and feel of page helps indicate which (sub-) page is being printed thanks ...
I am not able to figure out why this does happen. On all non-webkit browsers I tested the code below with (IE8, FFx 3.x, Opera 10.x) there is no scrollbar on the <pre> area. For both Chrome and Safari vertical scrollbar appears. Of course I do not want it to appear. The code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//...
I have the following problem: I have to list several items each with several properties on a web page. The listing is done in two HTML tables. One table for the headers and one table for the items. This separation is needed in order to have possibility to scroll only through the list. (It would be odd to have a scrollbar in the header s...
Please tell me the difference between CSS Frameworks and CSS Grids. ...
<div id="wrapper" class="hfeed"> <div id="access"> <div id="menu"> <ul> <li class="page_item page-item-2"><a title="About" href="/?page_id=2">About</a></li> <li class="page_item page-item-20"><a title="Support" href="/?page_id=20">Support</a></li> <li class="page_item page-item-22"><a title="Links" href="/?page_...
Hi all Im currently working on a mobile version of a website, everything is great, works fine on an iPhone, Blackberry and Android. I have one slight problem, not a big deal but still a little annoying. I have: <h1> tags set to 18px and bold <h2> tags set to 12px and bold <p> tags set to 12px and normal Now everything looks great on ...
Hello All, I bought this website template from dreamtemplate and the copyright text displays on the center of the page ontop of the main body content! I had not changed any code at all. It was like that when I extracted the files. I looked at the code and couldn't find anything wrong, but I guess that doesn't say much since I had to buy...
Hello all, How can I inherite height of <div> acting as a wrapper from innter elements? like, Height of wrapper = total height of inner elements ...
How to put default value to input and when user press enter it will disappear? My code that is not working: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <input value="default-value" type="text"/> </body> </html> ...
Hi all, I have been looking at a HTML 5 boilerplate template (from http://html5boilerplate.com/) and noticed the use of "?v=1" in URLs when referring to CSS and Javascript files. What does appending "?v=1" to CSS and Javascript URLs in link and script tags do? Not all Javascript URLs have the "?v=1" (example from the sample below: js/...