What is the correct way to deal with css browser compatibility?
Is it better to have a different CSS file for each user-agent or is it better to use CSS Hacks that only certain browsers can see? ...
css
How are the page-break properties in CSS supposed to work?
Modern browsers are supposed to support the CSS page-break properties to some degree. However I haven't been able to get any browser to print any differently when I use avoid, widows, or orphans. Am I doing something wrong, or is the browser support just not as solid as advertised? <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html...
table highlights only in tbody
Hi Guys, first post... I have several pages to do with several table on each page. I've got the JQUERY to do zebra stripes on even lines and change colour on hover. but, here it comes, it changes colour on THEAD and TFOOT and i can't apply css to TFOOT to change colour. Thanks very much in advance.... here's the code <script type="te...
css selector rules --ruleset for all elements within a selector?
With at-rules, it's possible to have a ruleset for elements during that at-rule event (like printing, mobile devices, etc.) But what about just for a specific selector? I am working on a sub page of a larger site, and I have to use the master stylesheet for any of my pages. Sometimes a style rule just gets trumped by a rule from the ma...
How do I apply a stylesheet just to the iPhone (and not IE), without browser sniffing?
I’d like to apply a stylesheet exclusively to the iPhone, without doing browser sniffing (via the user-agent string) on the server or via JavaScript. I particularly don’t want Internet Explorer to apply the stylesheet. Apple’s suggested code for applying an iPhone-specific stylesheet, i.e.: <link media="only screen and (max-device-widt...
Open-source US- state status display
I was wondering if anyone knew of an Open-source project for displaying numbers for the US states. Specifically, you always see these graphics with California in dark grey, Montana in green, etc. Based on some sort of criteria. I'm thinking of building one for a site I maintain, but I was hoping I might not have to reinvent the wheel....
How to stop IE from creating pixelated buttons?
I know I'v run across this before but for some reason IE decides to pixelate my submit button. Does anyone know how to fix this? ...
CSS overflow: hidden
I have this HTML & CSS and the 'overflow: hidden' tag is not working in firefox. This is stumping me... anyone know why it's not working? Is it just because overflow tag isn't support on the A tag? #page_sidebar_tabs A { float: left; border: 1px solid #0F0; display: block; line-height: normal; padding-top: 18px !i...
how to hightlight visited links with tree structure?
Hello everybody!! I have list in tree structure. Example: continent1 name country1 name city1 name continent2 name country2 name city2 name When i visit continent 1 it has to be highlighted, if country is visited country has to be highlighted similarly city Again if i visit continent 2, this time continent 2 has to be hi...
jQuery idTabs plugin hover feature problem
I am using jQuery idTabs pluging. I want to give hover feature and use divs with this feature. Default settings are working with click event. How can I change this feature. Best Regards. ...
How to build a CSS template from scratch
I want to build a CSS template of my imagination: this means from SCRATCH. I want to do it like if I'm doing it with a pen, but just with the mouse. I have no idea about this field (css),that's why I'm asking. Many developers had made fantastic templates that rocks. I want to know how do you create your CSS templates? (if you did) Do y...
How to apply CSS theme to only a specific jQuery-UI element?
I have a web site already build with my own CSS theme. I'm using jQuery UI "tabs" widget but no CSS from jQuery-UI. Now, I'm trying to add the "Date Picker" widget in one of my page. It would be great if I could reuse jQuery-UI default theme which is just fine. The problem is that the date picker theme is also applied to my tabs CSS. ...
CSS center cropped image of variable dimensions
I am trying to display a cropped center area of an image and have it work for different size images. I had success setting a fixed width for the div containing the image and using overflow:hidden property, this works the way I'd like it to except this only shows the leftmost part of the image and the right side is hidden. What I'd li...
Rounded Corners
Duplicate: What is the best way to create rounded corners How to make a cross browser, W3C valid, semantic, non-javascript ROUND corner? What techniques (That are standards compliant) are there for putting rounded corners on display elements in an HTML page? I put HTML CSS and javascript on the tag list below because I believe they are...
IE7 modal dialog scrollbars overlap content
Here's the offending code. To test it, save it in a file called "test.html" and click the button in the top-left corner. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Blarg</title> <style type='text/css'> body { margin: 20px; } ...
Need help with my CSS on my DotNetNuke Skin
I have created a skin for DotNetNuke 5.x and I attempted to do as much of the layout using css as I could. My issue is the consistency between IE and FF/Chrome/Safari. With most sites I'm able to overcome this, but in this skin I have tried everything I could think of and spent many many hours trying to get the look consistent between ...
How do you work around IE not supporting :after?
I've got a bunch of lists <ul> <li class="first">Item 1</li> <li>Item 2</li> <li class="last">Item 3</li> </ul> styled with li:after { content: ' / '; } li.last:after { content: ''; } This has to be a sort of commonplace problem. I'm thinking i could either clutter the html and put in intermediary <li>'s containing the ch...
CSS vs DRY
You're creating an HTML layout. Let's assume that you don't need the benefits of multiple stylesheets, that a small increase in HTML size is not a concern, and that you have a style which will only be used once. I'm often in favour of using an inline style here, as I view the repetition of your CSS class name or ID as the cost of an abs...
Is there any way of denying .NET controls to style the final HTML element
I have a control that look something like this: <asp:DetailsView ID="dvUsers" runat="server" DataSourceID="odsData" DataKeyNames="Id"> ... </asp:DetailsView> Which in the end will create a <table> as the outer-most element. In my CSS I have: table tr { border-top: 0 ; border-left: 0 ; border-right: 0 ; border-bottom...
How to Target IE7 IE8 with CSS valid code.?
I want to Target with CSS valid code. to IE7 and IE8, Please Give me some Information about this Issue and CSS code should be W3C Valid. IE8 is here. Some time we fix for IE7 but not work in IE8. ...