css

How can I use .htaccess to send distant expiry headers on CSS and JS files?

I want my CSS and JS files to expire in the distant future. Can I do this with .htaccess alone? How would I do it? I know in the future if I change one I will need to force a redownload, something like this should work script.js?v=12 ...

Ajax Pagination

I am going to write an Ajax pagination code by myself using jQuery and css . Can you suggest me an algorithm or steps to complete that code successfully. ...

Vertical alignment of empty inline-block elements

Consider the following html/css: <style> span { display:inline-block; width:5em; height:5em; padding:1em; } </style> a <span style="background-color:blue;">b</span> <span style="background-color:green;"></span> <span style="background-color:red;">c</span> d The blue and red boxes, plus the text both inside and surrounding the...

Slideshow in Javascript without framework, animation?

The issue I am having is fairly complicated to explain. I have written up a javascript that displays an image slideshow, and it works fairly well, despite using up more resources than I would like // imgArr[] is populated before var i = 0; var pageLoaded = 0; window.onload = function() {pageLoaded = 1;} function loaded(i,f) { if (...

How to make CKEditor render text with a CSS ?

I have a CKEditor used to edit a text in a web-page. In the web-page, the text renders in its context and therefore follows the page CSS formatting. My question is how to tell CKEditor to apply a CSS style-sheet to the editor rendering ? Without of course changing the generated source ? My code : <textarea class="ActuContent" name...

css working in IE but not in firefox?

background: url(../images/corner_tr.gif) no-repeat top right; working in IE but not working in firefox? ...

Do you know any tools to switch from external/internal stylesheet to inline style ?

Hi, I'm looking for a tool which uses the CSS selectors within a stylesheet to generate the selected inline style. E.g : <head> <style text="text/css"> a { text-decoration: none; } #a, #b, #c { position: absolute; } #b { left: 50px; } </style> </head> <body> <div id="a"> <p> <a href="http://www.stackoverflow.com"...

Is there any other tool better than Firebug on any other browsers?

Is there any other tool better than Firebug on any other browsers? free or commercial? or any other similar tool which has any single or multiple function which can be useful along with firebug ...

javascript or css trick to group spans without separating them when one reaches the edge of browser

so we have three spans and a parent span <span id="parent"><span1></span><span2></span><span3></span></span> when one of the spans reach the right end of the browser, it moves down, leaving its siblings behind. Are there any tricks here on how to keep these spans together that if one moves down, the others will follow? Thanks. ...

IE ignores font-size for HTML SUB elements?

I'm usually well-versed in CSS but this issue surprised me... I have some simple markup consisting of some text and a sub text: <p>I am a main text<sub>This is a sub text</sub></p> I have set the CSS so that by default, all elements get a font-size of 12px. However, for sub elements I am overruling this: sub { color:#999; font-size:...

How to force elements to stay in the same row

Hi I have a following css : div.container { height:20px; overflow: hidden; margin: 15px 0px; padding:5px 10px 5px 10px; white-space: nowrap; } div.content{ width:100%; float:left; display:inline; } div.content a { float:left; padding: 2px 2px; border: 1px solid #cccccc; text-align:center; } div.content a:hover { backgr...

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> Does it really render page like IE7 in IE8?

Will i get same result in IE7 and IE8 after using this <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ? Has anyone tested it? ...

Which is the most versatile CSS framework for different types of layouts?

Hello All, I would like to know which is the most versatile CSS layout applicable to most or all types of different layouts? ...

organizing some content with ul (to look grid-like)

Hey guys, i need to display all 27 states from brazil in a selection div, I really need to do it using UL.. this is a projection of how they should look: And this is a piece of the UL: What would you suggest? can i do that using this markup? <ul class="ufLista"> <li> <ul> ...

How to validate -moz-border-radius / -webkit-border-radius

I use the webkit/mozilla awesome border radius and box shadow CSS properties, but I want the CSS to validate (which it currently does not). Is there a way to get it to validate? http://jigsaw.w3.org/css-validator/ ...

z-Index Preventing MouseOvers?

http://scriptbase.com/scripts/viewer.php The rounded bottom div is supposed to partially cover the thumbnails for aesthetic effect. The problem, is, though, that it seems to prevent all mouseovers in those two (inside the control box and inside the thumbnails wrapper). What's going wrong here and how do I fix it? ...

Flash movie not respecting negative margin in container HTML

I have to place a flash movie into an existing layout. It is replacing placeholder image of the same size. The DIV holding the image has a negative top margin. When the flash movie is placed in the same spot there is a gap at the top of the DIV equal to the amount of negative margin. I cannot seem to get the movie to move to the top of t...

Styling anchor tags without href's--being used to trigger javascript within page

What is the most cross-browser effective way to style anchor tags without href's? I found this article on making the styles apply in older versions of IE by throwing in an href="#". However, I am applying this about halfway down the page and find that it acts as it should; brings you to the top of the page again. This makes the page 'ju...

HTML/CSS: Create a div that always fills the entire page... and then a resizeable div within it?

I feel like this is an easy question, but for whatever reason I can't figure it out today. I need a div that always fills the entire page, no matter how large that page is. Then I need another div which I can re-size with javascript (mydiv.style.width = x; mydiv.style.height = y;). If the second div is resized to be taller than the e...

I'm having trouble positioning this button nicely..

I've been goin at it now for an 1.5hrs and I just can't figure out a way to make it the way I want. I'm kind of new with all things web, and it takes about as much time (maybe more?) trying to get things where I want and doing it in a way that is elegant. Anyways, I have two text boxes, with two labels above them and centered over the b...