I feel like I have to use way too many .children() in some of my jQuery functions. Here's my HTML: <div class="goal-small-container"> <div class="goal-content"> <div class="goal-row"> <span class="goal-actions"> And here's my jQuery: $('.goal-small-container').hover(function() { $(this).children('.goal-content').chil...
Hi I'm trying to create a tag cloud and need help in creating a function that can calculate the color needed to apply to each tag link. I have 3 variables: individual tag importance (from 0.1 to 1) largest (most important) tag color (hex code, eg. 'fff000') (hex code) smallest (less important) tag color (hex code) ...
Can I combine 3 gradients into one -webkit-gradient? I want to have an image that has a radial gradient for the "background" and "middle-ground" and a linear gradient for the "foreground". Is this possible? ...
After writing a great big answer to the question Is it bad to work with pixels in CSS? in which I concluded that there's normally nothing wrong with it provided you understand the limitations, I started to wonder about how many people have the default font size set to something other than 16px. I imagine that there would be some users w...
I'm writing an extension to an existing XUL-application, conkeror. In that, In some part of the user-interface of I'm writing, I'm creating HTML elements with a fixed-width, <span>s in this case, to display various results. Within those spans there's text some text, which, on occasion, is too long to fit its fixed-with container. I'd li...
I'm designing a contact page and would like to have 2 columns, one with a label (e.g. facebook, twitter) and one with the actual details. The thing is I want the two lines (which have text of different size) to both align along the bottom edge. It's probably easier if I show you: http://goonbee.com/contact At the moment, the label and ...
Hi All , I have a div that has CSS as following, <div style="overflow-y:scroll; height:100px;"> long Text....</div> The issue is long text is shown and vertical scroll bars shown but when browsing the page div is scrolled to bottom and end of the of the long text is shown instead from beginning portion of long text. Any way to fix t...
ok, I'm fooling around with jQuery and for the life of me can't find an elegant way to fix this error. jQuery('a').hover(function() { jQuery(this).animate({fontSize : '+=5'}); }, function() { jQuery(this).animate({fontSize : '-=5'}); }); The problem with that is that I build up an animation que. I thought i could solve it with...
I used jQuery UI buttons in a project, and they have been working fine. But, in IE7, the icon doesn't float as it should. I realise IE doesn't have rounded corners support yet, but that is OK. Good browsers render it fine IE sucks I start with a button in the HTML <button type="submit"><span class="ui-icon ui-icon-mail-closed"><...
Hi guys. Having a headache with IE. I have an image (24x24) which I'd like to display inline beside my username at the top navigation bar after logging in. It shows nicely in firefox, chrome. problem with IE version 7. The img breaks to another line, and other sibling items in the float back left. CSS below: #nav { b...
My present TextMate theme (Ruby Blue) is nice, except there's one annoying attribute that I haven't been able to fix. When editing CSS, it doesn't apply any color to "word values" for properties. See screenshot below -- for width: 90%, the 90% is highlighted. However, for display: block, 'block' gets no highlighting. What's the Tex...
Usually, making a a block, you just have to hover on the <li> to highlight.. not on the text... i think a have done it right... but only hovering on the TEXT make the text change color... hovering on the box (li) dont... i have not taken the good technique, or just screw somewhere, i need your pointer please thanks in advance here i...
I have several LESS files that are all imported into one master file (styles.less). My problem at the moment is: when I make a change in one of the child files I have to save style.less to compile it to CSS. Is there a way in which I can ask less to monitor the child files but only compile the parent? Cheers, Ad ...
Hello, I am working on e-mail template Code is something like this : <table width="702" cellpadding="0" cellspacing="0" align="center" id="template"> <tr> <td align="left" valign="top"> <img src="/email/new/top_bar.png" width="702" height="11" alt="" border="0"> <img src="/email/new/bottom_bar.png" width="702" height="11" alt="" bord...
I have a idea, a way to give user feedback i like to hover on a menu, that will highlight an img correcponding to the menu OR theinverse, hover over image will highlight the menu I think it can be done with jquery, but can it be done in pure css or do you have a example or code i can base my idea on thanks ...
I have a database generated page which shows lots of links. This page consists of 3 colums. In the first column, it gets the links from the database. In the second column it generated + links, and in the last column, it generated a - link So basically, each row generated consists of a url link, a + link and a - link. When the user ...
Hi. I want to prevent line breaks between two forms I have. So basically: <form action="..."> <input type="submit" /> </form> LINE BREAK HERE <form action="..."> <input type="submit" /> </form> I want to remove the line break. I want the input buttons to be on the same line, like a menu. ...
Hi, I'v just started learning different languages in web development and I believe the best way to improve is to think of an idea and develop it. (Feel free to correct me if i'm wrong). My question is what aspect do I develop first. If I am looking to build a simple script which is styled and comprises of HTML, PHP and CSS, which part ...
Hey everybody, There is a strange bug which I can't solve. The bug is reproducable by this simplified example: css: table.class1 td.subclass1{ display : none } table.class2 td.subclass2{ display : none } html: <table class="class1"> <tr> <td class="subclass1"> Invisible </td> <td class="subclass2"> Visible </td> </tr> </tabl...
Hi, my concern is that I have to build a website for mobile devices. In the concept is an image set as header. The problem is now: Different smartphones have different display resolutions. There are e.g. 840x560, 480x320 or 800x480. What do I have to write as meta-tags, css, etc. to fit the image in "every" modern smartphone to the d...