css

Wrapping content with jquery

How can I use wrap around the content with the placeholder div using jQuery. So I can turn this - <div class="placeholder"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="placeholder"></div> <div c...

what's the difference between Element and Element ID?

what's the difference between Element and Element ID? ...

Using JavaScript to invalidate the browser's cache

I'm doing a project in Django and using djangos-css (http://github.com/dziegler/django-css) and Sass (http://sass-lang.com/). The Sass files are served in development using django-css. I want to write a JavaScript routine that will every one second retrieve the CSS assets. The purpose of this is so that the designer can edit the Sass ...

Changing Input Background Color on Google Custom Search

Although this seems like a simple task, I need to change the background color of an GOogle Custom Search input field. You can view the page here Currently, the input field is white, and I need to change it to #4e4e4e. The problem is that I cannot seem to find the correct CSS selector to set the background color. It looks like the google...

Any tool to show you all elements/pages in a site that are affected by a particular CSS rule?

Of course we can use tools like Firebug to highlight portions of HTML and see what all CSS is being applied. But what about the reverse? Is there some kind of tool which would allow you to highlight a particular CSS rule and show you all the pages on a site (either static HTML pages or their dynamic templates) that it applies to? Exam...

HTML Pictures Horizontial Row

Hello, I was wondering if there was a way to make a div containing images have an overflow that scrolls horizontially, as depicted in the projected diagram below: as always, any help is greatly appreciated ...

Center a list vertically in a div

I want my navigation links to be in the middle of the parent div, vertically. How do I do that? HTML: <div id="nav"> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> CSS: #nav { background: #8DC3E9; w...

Is there any way to reference the system fonts and colors in Internet Explorer from HTML, CSS or MSHTML interfaces?

I want to do something like this: <style type="text/css"> body { font-family: dialog-font; /* Tahoma, Segoe UI or MS Sans Serif */ color: button-text; background-color: button-face; } </style> Are there any Microsoft-specific CSS values which provide this functionality? ...

Caching Typekit CSS

I'm using TypeKit to provide fonts for a site I'm developing. When the page is loading it loads slow (more than a second). Turns out that this is because it's downloading the fonts on every requests. It's beyond me that a service such as this doesn't have etags configured to get clients to cache the fonts...but I digress. Until TypeK...

Image causes div to expand past set height in IE

I have the following HTML code: <div id="event_create"> <img src="WEB-INF/images/Classifieds/create_blurred_135x135.png" name="createbutton" onmouseover="buttondown('createbutton')" onmouseout="buttonup('createbutton')" onclick="buttonclick('createbutton')" alt="Create Classified Image" ...

CSS Alternative To This CSS-jQuery Code?

I have two columns side by side that are different colors. The background has a unique color as well. The right column contains text that will expand to an unknown height. The other column contains little to nothing. <div id="container"> <div id="leftColumn"> <p>Only one small paragraph here</p> </div> <div id="r...

Can we use Css Grid frameworks with any design?

What are cons to use Grid based approach? Where everything is in proportions? Does it all make some restrictness? I'm not talking about non-sematic classes, unneeded css code, table- feel structure. My question is about to work with fix proportions. in grid based system everything increase and decrease in proportions? I think we can o...

How can I do something like this photo gallery in jQuery?

The preview of the new accuweather.com has a really cool photo gallery. Anyone have ideas or specific tutorials on how to mimic it? Here's a link to what I want: http://www.weatherforyourlife.com/ ...

How to make indication of mandatory fields and form's validation accessible for screen reader users?

When error message will come on validation if use have done something wrong then that error should be read by screen reader? Any Screen reader compatible, accessible, unobtrusive jquery form validation plugin? and how user will know which form field is mandatory? my question is not about to make form with fieldset, legend, and label? ...

thinner border line?

i used: border: 1px 1px 1px 1px; border-style:solid; but the border line seems to be so thick. i can almost be sure that i have seen thinner border line somewhere. could you make it thinner or did they use images for it? ...

"text-decoration: blink" & IE

Why text-decoration: blink wont work in IE ? What is the work around ? Is there a non JS work around? Do Microsoft have a plan to support this style? ...

jQuery related problems. Default action going through, Javascript warnings and slideDown() being weird.

1 - I used to prevent the default action of an anchor tag upon click by doing the following... $('a').click(function() { /*stuff*/ return false; }); But then I decided to condense code by declaring a function that I could call within the click method since I use the same block of code elsewhere. So now it looks like... $('a').clic...

Left, center, and right text

What's the best way to obtain three texts on the same line: one to the left, another in the middle, and the third one to the right? +---------------------------------------------------------------------+ |Page generated in 1 ms Copyright 2010 Email me| +------------------------------------------------------------...

sense what screen size and adjust the column widths with javascript/jquery?

im using 960 and i want to adjust the nr of columns depending on the user's screen size. how do javascript/jquery get the resolution of the screen? ...

Can the content remain centered while the screen size changes?

First, here's is my rough example: http://demindu.com/sandbox/simple.html What I'm trying to do: Create a content div: let's say 400px tall and 700px wide, like the example. The content box has a margin of 50px in each direction. The content div should always be centered both vertically and horizontally, regardless of screen resolution...