I know that embedding CSS styles directly into the HTML tags they affect defeats much of the purpose of CSS, but sometimes it's useful for debugging purposes, as in: <p style="font-size: 24px">asdf</p> What's the syntax for embedding a rule like: a:hover {text-decoration: underline;} into the style attribute of an A tag? It's obvio...
Does anyone know if IE6 ever misrenders pages with hidden divs? We currently have several divs which we display in the same space on the page, only showing one at a time and hiding all others. The problem is that the hidden divs' components (specifically option menus) sometimes show through. If the page is scrolled, removing the compone...
Despite my most convincing cries to the contrary, I was recently forced to implement a horizontal drop-down navigation system, so I opted for the friendliest one I could find - Son of Suckerfish. I tested in various browsers on my machine and all appeared to be fine. However, some (but not all!) IE7 users are experiencing an issue wher...
What would you recommend in this topic. I know basics of CSS but I need to expand my knowledge of CSS. It's always good to use good source. ...
What is the difference between overflow:hidden and display:none? ...
When setting the size of fonts in CSS, should I be using a percent value or em? Can you explain the advantage? ...
Both of these result in the element not being visible. Are these synonyms? ...
Is there a way to make a Radio Button enabled/disabled (not checked/unchecked) via CSS? I've need to toggle some radio buttons on the client so that the values can be read on the server, but setting the 'enabled' property to 'false' then changing this on the client via javascript seems to prevent me from posting back any changes to the...
I want to know how to create a table where you can adjust the column widths. I have not figured out how to do this. If you know the secret sauce to this technique please let me know. ...
Who likes riddles? ;) I have three divs: <div id="login" /> <div id="content" /> <div id="menu" /> How would I define the CSS styles (without touching the html) to have the menu-div as the left column, the login-div in the right column and the content-div also in the right column but below the login-div. The width of every div is f...
Does anyone know how in ASP.Net's TreeView control, to have a custom style applied to an Expanded node? I have many root nodes and want the Expanded nodes to have a different background. ...
It should be hands-on, complete, targeted to programmers and detailed on layout tecniques! Thanks! ...
This might be a stupid question but if there's a better or proper way to do this, I'd love to learn it. I have run across this a few times, including recently, where small spaces show up in the rendered version of my HTML page. Intuitively I think these should not be there because outside of text or entities the formatting of a page's H...
Are there any good tools to help identify unused css definitions in project? A bunch of css files were pulled in and now I'm trying to clean things up a bit. ...
I am looking for some stats on current browsers for how long it takes to render a table using plain HTML versus a hacked-up CSS puritan method that avoids using actual TABLE, TR, TD, etc. tags. I am not looking for what's proper, only for what's faster, particularly on Firefox 3, although I am also interested in the stats for other brow...
Is there a cross-browser method to emulate CSS3's zoom property? I know how to zoom images and text separately, but cannot seem to keep everything aligned. One solution might be to read the computed styles of the element and its children, convert all measures to px, multiply them by some factor, and then generate HTML/CSS with these ne...
From my understanding of the CSS spec, a table above or below a paragraph should collapse vertical margins with it. However, that's not happening here: <table style="margin: 100px; border: solid red 2px"> <tr><td> This is a one-celled table with 100px margin all around. </td></tr> </table> <p style="margin:100px">This is a paragrap...
Is it possible to have a <div> simultaneously (1) not take up all available width and (2) collapse margins with its neighbors? I learned recently that setting a div to display:table will stop it from expanding to take up the whole width of the parent container -- but now I realize that this introduces a new problem: it stops collapsing ...
I have a draggable div element with a hover style. This works fine, but the div contains some form elements (label, input). The problem is that when the mouse is over these child elements the hover is disabled. <div class="app_setting"> <label">Name</label> <input type="text" name="name"/> </div> .app_setting:hover { cursor:move;...
Here's the situation: I'm trying my hand at some MySpace page customisations. If you've ever tried [stackoverflow], I'm sure you understand how frustrating it can be. Basically it can be all customised via CSS, within a certain set of rules (e.g. the '#' character is not allowed...how useful!). Have a look at this blog if you want more i...