Need help with CSS sprites
Possible Duplicate: Problem implementing CSS Sprite I have updated my code here. ...
css
How do you size a textarea?
Every time I develop a new form that includes a textarea I have the following dilemma when I need give its dimensions: Go through CSS path or use their attributes col and rows? What pros and cons can I found using both paths? What semantic information gives using these attributes? How people usually does it? ...
Why the image not getting displayed in the background of the div??
CSS file:- <style type="text/css"> .sprite div{ width: 728px; height: 243px; } .sprite a:hover{ display: block; width: 728px; height: 243px; background-image: url(images/image.jpg); background-repeat: no-repeat; } .sp_ID1 { ...
center animated (variable width) div - Link included
I have an animated rating bar which changes width when you mouse over it. I tried to write a explanation of the problem, but I think it is far easier to have a look at the link. Essentially I am having trouble centering a div as the children div's change size when the mouse is hovered over them. I have tried animating the width of the ...
mod_deflate for css and js
Hello! I'm using mod_deflate to compress my web pages but I see that only the HTML is compressed no compression for the css. Documents (1 file) 4 KB (18 KB uncompressed) http://localhost/web/ 4 KB (18 KB uncompressed) Images (16 files) 96 KB Objects (0 files) Scripts (2 files) 26 KB (73 KB uncompressed) http://code.jquery.com/j...
how place div on other div
I want to position one div over another div. CSS: .fresh_bnr_img { float:left; width:950px; text-align:center; } .black_strip1 { position:relative; top:20px; width:120px; height:50px; background:#000; opacity:0.5; z-index:999; } HTML: <div class="fresh_bnr_img"> <div class="black_strip1">Home</div> <img src=...
Animate backgroundPostion always returns 50% ?
I'm trying to do a very very simple mouseover that animates a change in background position. js $('li.services_w') .css( {backgroundPosition: "0px 0px"} ) .mouseover(function(){ $(this).stop().animate({backgroundPosition:"(0px -35px)"}, {duration:500}) }) .mouseout(function(){ $(this).stop().animate({bac...
CSS center vertically in 2 floated divs
I have a div with 2 floated divs. On the left 3 buttons and on the right links in a paragraph, single line. When the links on the right become to long (or I decide on more bottons) the paragraph goes multiline and I would like my buttons to center vertically. In my example the bold name "Joe Smith" works fine, but if becomes "Joe Smith ...
creating two div right next to each other on css?
i wanted to know how to put two div right next each other centered in the page like this: divLeft | div right | | | | thank you :)) ...
links not active in show toggled Div in jQuery
I have a menu div which shows/hides based on click with jQuery, but none of the links are active when you put them in .. ideas? I only have one item in the list that is a hyperlink. Once I can get it to work, I'll add it to the rest of the items .. however that one link doesn't work. jQuery $(".sign_in").click(function() { $(...
How do I split a WordPress theme into 2 columns?
I want to split my WordPress theme (I'm working from The Buffet Framework) into 2 columns, like a magazine or newspaper. The term "2-column" usually refers to a sidebar, but I want to get 2 columns of posts in addition to the right sidebar. I'm assuming this is just a simple matter of some basic HTML or CSS column creating, but I'm not s...
floating in list causes trouble in IE6 and IE7
I have a toggle list that causes trouble in old IE browsers, tried to fix it for couple of hours but I failed again and again. Please check out the jsfiddle code: http://jsfiddle.net/vny63/ structure is similar to this: <li class="toggle"> <a class="left" title="gallery">gallery</a> (English) <span class="right float_right">3<...
Using jQuery and sprites
I am looking for a way to animate my sprites with jquery. When I hover over the image, it fades in. then when I hover off. it fades out. CSS: nav ul { position: relative; z-index: 1000; margin: -26px 0 0 11px; overflow: hidden; } nav ul li { display: inline; } nav ul li a { background: url(../images/nav-sprite.png); display: block; f...
changing a button color on hover?
i want to change the color of a button on hover, when a user goes over it. this is my solution, but it deosnt work a.button { display: -moz-inline-stack; display: inline-block; width: 391px; height: 62px; background: url("img/btncolor.png") no-repeat; line-height: 62px; vertical-align: text-middle; text-align: c...
Keeping DRY between Javascript and CSS.
Say you've got a menu that toggles open and closed with a button. My standard way of going about this would be to write the CSS for a closed menu, and write Javascript that specifies (or animates to) an open menu state. Lately I've gotten into Active.js, a client-side MVC framework. It provides for view classes with builders for making ...
HTML/CSS - Remove spaces from line breaks in code for LI
Hey, Is there a way to get browsers to ignore line breaks in the source? <div id="navbar"> <div id="navbar-container"> <ul> <li>HOME</li> <li>TUTORIALS</li> <li>BLOG</li> <li>FORUMS</li> <li>LINKS</li> <li> </li> </ul> </div> </div> #na...
Displaying a List of Filters applied to a search Sample
I have a datatable that I display in an asp.net repeater. I then have several search fields that allow the user to filter the results of the repeater. I'd like to display each filtered term as a sort of tag; similar to how SO displays the tags for a given post. I'd then like the tag to have an "x" on the side so that the user can remo...
CSS href vs inline stylesheet difference
Hi, I have a small CSS file with contents: <style type="text/css"> li { padding: 10px; font-family: Arial; } </style> Supposed to leave some space between list elements and change the font. Now, If I include this CSS file in the HTML like below: <link rel="stylesheet" href="./css/lists.css" type="text/css" /> it does not work...
Resource interpreted as document but transferred with MIME type text/css.
Resource interpreted as document but transferred with MIME type text/css This is the error that's showing up in Google Chrome Inspector. The file is: http://www.doanddare.org/css/style.css It is being rendered by a php processor. How can I fix this error? The headers being returned are: Request Headers Accept:application/xml,appli...
How can i prevent the textarea from stretching beyond his parent DIV elemnt? (google-chrome issue only)
How can i prevent the textarea from stretching beyond his parent DIV elemnt? I have this textarea inside a table that it is inside a DIV and it seems that it cause the entire table to streach out of it's bounds. You can see an example of the same situation even in a more simple case, just putting a text area inside a div (like what is ...