css

Mobile Device Usage

Where would I find usage statistics on mobile devices and browsers broken down by type over time? From a technical aspect I would like to support as many as I can in upcoming projects, however it would be beneficial to determine which devices / browsers are the pack leaders before I go supporting ancient junk. ...

Css - Expanded shorthand properties - What is border-left-color-ltr-source:physical

Introduction When clicking on the css tab on Firebug, there is an option available called "Expand Shorthand Properties"! A typical css rule like the following: border-left:2px solid #7FA100; ..is converted into the "Expanded" version like so: border-left-color-ltr-source:physical; border-left-color-rtl-source:physical; border-left-...

Offline CSS compressor

I am looking for a css compressor that can run on our build server that can be executed on a number of css files. Does anyone know of any good ones that work offline? ...

How to resrtict DIV jquery animation to container DIV..?

I have a page with a bunch of thumbnails. I use DIV with background images for the thumbnails. When I hover, I have a jQuery script that animates the DIV to expand the div to the full width of the images. The expansion is in all direction, it expands from the center with some margin and top/left positioning. Problem is: if I hover on ...

Which of these CSS selectors "cancel" each other out?

I found a neat example of Showing Hyperlink Cues with CSS. But in the CSS of the example, there are three separate styles that in my head should do mostly the same thing. Or at least, I should not have to use all of them in my opinion. But I'm not sure I get them all. Here they are: /* all A tags whose REL attribute equals pdf */ a[rel...

CSS and markup for a balloon sample

How can I create a "Contact Us" hyperlink as the one present on the top-right of this page? I am particalarly interested on the balloon style. ...

Css - Div causing white space at the top of a page

I have narrowed down the culprit to either a SPAN or a DIV in lines 27-33 but cant quite get it... if i remove the span that makes the font below the press muted, it fixes the spacing issue at the top of the page but makes that text way to large u.neighborrow.com/items/indexb <div id="slide_one" class="bg"><!--slide #1--> <div class=...

Trouble hiding/showing divs in using DOM/js/css

I am trying to make a debugger that will be dynamiaclly created with some variables. The names on the left div need to show a div for the corresponding variables Description,Variable ID, and initial Value as well as another div that will show history and lock status when variables are updated later. Where I am having trouble is properl...

CSS positioning issue with IE

Hi. I'm having a very strange CSS issue with my slider and IE. As you can see, the pagination is being displayed above the slider. However, in all other browsers it is being displayed at the bottom of the slider correctly. I cannot figure out why this is, and I have tried everything, hence why I am here. See for yourself: http://matthew...

jQuery & IE7 render bug with slideToggle()

Hello all, I have worked quite a bit with jQuery and slidetoggle effects without coming across this bug before. The page is http://gilman.oomphdev.com, and the bug is when a user clicks the "What's This?" tag at the top of the page in IE7. Also, when one clicks the "Contribute Yours" link (right hand column, bottom-ish of white box) to ...

IE6 overflow-x being ignored

Here's the site in question: http://cbcsettlementfunding.com/dev/ Almost finished up with development, just have a few bugs left to fix in IE6, one of which is particularly annoying: horizontal scrollbars on every page of the site. Firstly, I can't readily identify what is causing this since it's only happening in IE6 (7, 8, and 9 bet...

How do you Javascript style area elements on mouseover?

I've got an image map w/ 20 area elements, only four shown below. I want to style each area so that a blue border appears whenever a user hovers over it - all the area shapes are rectangles. <map id="mymap" name="mymap"> <area shape="rect" coords="0,0,223,221" href="http://..." /> <area shape="rect" coords="226,0,448,221" href=...

Jquery Set individual input border color

Is it possible to set a color of a specific input field using jquery? I would like to set a border to red if it fails some validations that I wrote and turn it back to black if it is fine. Any way to do this? ...

Div doesn't have height unless I give it min-height.

I think this is because I'm floating all three divs "columns" to the left, inside of the main body div. How can I tell the main body div to expand as big as it needs to fit the content divs? Here it's with min-height: And here with the min-height taken away: Here is my relevant code. #body { border:1px solid blue; width:95...

Float text over image within table cell

I am trying to float text over an image in the 3rd column of the first row within a table. This cell has an <img> within it (processed by psd slicing) and I want to put text over it. I have tried float: left and position: absolute but nothing seems to work. Any ideas? ...

Loading inline content using FancyBox

Well, I'm simply writing this post to hopefully help others that might come across the same issue. The examples on the vendor website are a little vague and I had assumed the following scenario. You have a link with a hrefn to some content's #id. <a href="#content-div" class="fancybox">Open Example</a> And you have a div to hold t...

Resizing Div In IE 6

The following is a version of some code I'm having trouble running in IE version 6. It seems to work fine in IE 7, IE 8, FireFox, and Google Chrome. But in IE 6, when I expand and collapse nodes in the treeview, the SurroundingWrapper div resizes, but the message at the bottom stays glued in place (I'd prefer it stayed glued to the bot...

How do I overlay JAVA onto a static image?

I am re-designing a website for a major University, and they use java images on most of their pages. How do I place/inlay a Java slide show onto a static image (ie: background image). (I know it is a weird combination of JAVA, CSS, and XHTML.) ...

Avoid new line between adjacent HTML lists?

Short version: When two lists are adjacent to each other, is there a way with CSS (or by some other means) to prevent a new line from being added between the two lists? Long version (with code): I have machine-generated HTML that is not intelligently handling nested lists that mix <ol> and <ul> elements. (If you guessed that this is...

Indent list items with floating image: problem

Hi guys, I have already found following question with almost similar content: http://stackoverflow.com/questions/3797713/how-to-indent-list-items-using-css-when-you-have-floating-blocks And here is my situation: if a list item gets too long, so that it automatically makes a line break, the text flow continues without the indentation. ...