css

Is it possible to use CSS round-corners and still pass validation?

IIRC the situation is that IE simply doesn't support rounded corners, but some other browsers need browser-specific extensions... either FF or web-kit, I don't recall. I'm happy to use it in some cases and let IE fall-back to square corners, but does using browser-extension CSS break validation... I quite like having my site validate AN...

Why is my CSS overriding the CSS in the Wrapper?

I'm trying to figure out why the text in the left navigation panel on the following page is shrinking & underlining when you mouseover in Firefox. http://fundcentre.newireland.ie/ Everything on the left & top is part of a wrapper that we inject our content into. Our content is everything from "FUND CENTRE" down. Can someone suggest s...

Jquery draggable with zoom problem

I am working on a page in witch all its contents are scaled by using zoom. The problem is that when I drag something in the page the dragging item gets a bad position that seems relative to the zoom amount. To solve this I tried to do some math on the position of the draggable component, but seems that even tho visually its corrected, t...

Dynamic Width Divs with gradient background - IE8 & IE7

Hi All, I'm trying to create the following. The problem is that the stuff in row1 has a different gradient background than the stuff in row2. Also row1 is dynamically filled with stuff from the database, so it could have 2 items or 6. So I want the gradient from row2 to keep repeating it's to match the width from it's sibling. I c...

[CSS] How to pin elements on the right?

How do I position elements to be aligned on the right edge of the window? ...

Making div fixed vertically but glued to the page's border horizontally

Hi! Can you please go to: http://www.binarymark.com/Products/ColorPickerPro/default.aspx and note the page's layout. What I want to do is to stick or "glue" some small div to the right side of the page, that is so that it's just outside of the right frame of the page. However, vertically I want the div to be fixed to a Window, that is ...

How to get 2 CSS files to work together? - Problem with !important overriding rules

I have a problem where our CSS file is not playing nice with the CSS in a wrapper we're injecting our content into. I have some rules specified in our CSS file with !important declarations because the wrapper's CSS is causing the browser to ignore my rules. Unfortunately, this is overriding the styles in the wrapper and I don't want it t...

Weird CSS behavior... removing a 1px border makes <DIV> move about 20px

I have the following: CSS #pageBody { height: 500px; padding:0; margin:0; /*border: 1px solid #00ff00;*/ } #pageContent { height:460px; margin-left:35px; margin-right:35px; margin-top:30px; margin-bottom:30px; padding:0px 0 0 0; } HTML <div id="pageBody"> <div id="pageContent"> ...

highlight search keywords on hover

i've a basic php search form which highlights the keywords using css. i was wondering if i could make the keywords in the results highlight only when the user hovers over the record. is this possible? this is the highlight code: function highlightWords($text, $words) { preg_match_all('~\w+~', $words, $m); if(!$m) ...

How to creat a simple slider for div contents?

What is the simplist way to create a simple slider for a div? ...

Is it possible to get IE7 out of quicks mode without using a DOCTYPE?

In this particular situation, I do not have a choice about the DOCTYPE. I cannot use one. It's a weird situation, but it is what it is. We have some CSS which uses child selectors ("p > a > span", etc.). These worked in IE7, even though we didn't have a DOCTYPE...and then they suddenly stopped working. Something we did caused IE7 to...

Why does animate not work for the first few 'selections' of my next button?

I'll just start right off the bat and say I'm fairly new to JQuery, so if you see some glaring issues with my code....let me know what I'm doing wrong! Either way, I've been working on a script to fade divs in and out using the z-index and animate. It "works" after about 2-3 clicks, but the first two clicks do not fade or animate as I ...

Is it always bad idea to use inline css for used-once property?

I have a table, with 10 columns. I want to control the width of each column. Each column is unique, right now I create an external CSS style for each column: div#my-page table#members th.name-col { width: 40px; } I know there is a best practice to avoid inline style. I do approve using external CSS for anything look'n'feel related: f...

Why can't I put a jquery-ui progressbar inside a div with fixed position?

I started the source from this progressbar example, and it works fine. My only change was to set the width of the progressbar to "20%". <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax...

Is there a proper and wrong way to format CSS?

When I first started writing CSS, I was writing it in an expanded form div.class { margin: 10px 5px 3px; border: 1px solid #333; font-weight: bold; } .class .subclass { text-align:right; } but now I find myself writing css like this: (Example from code I'm actually writing now) .object1 {...

superfish dropdowns to be columned when there's many children and no "grandchildren" nodes

i have a horizontal nav menu that's using jquery superfish. in one of my dropdown menus there'll be no more dropdowns within it (i.e. no grandchildren nodes.) but there are several children. 45 to be exact right now and it may go up or down in time. i'm trying to find a way to have the dropdown be columned passed a certain count. 15 work...

How do i hide html until its processed with javascript?

I am using some JS code to transform my menu into a drilldown menu. The problem is before it runs the JS you see a BIG UGLY mess of links. On their site its solved by putting the js at the top. Using recommendations by yahoo/YSlow i am keeping the JS files at the bottom. I tried hiding the menu with display:none then using jquery to .s...

What is the minimum screen resolution for which you guys currently optimize your web designs?

I don't really know if I'm asking in the right place, so if my question has to be transferred I apologize for it. I am totally noob in this place. Thank you. ...

How do CSS sprites work?

I have 3 different images and want to create a sprite using CSS. I understand that will reduce HTTP requests. However, I am totally new to this concept and have no idea as to how to approach this. What would be best bet for me? Also I have seen there are some CSS sprite generators where you submit a .zip of images and it combines the...

jQuery Animation and Classes

Assume you have a list item, <li id="foo"> which you want to fade from one color to another when moused over, and that you are using jQuery. This is fairly easy: $('li#foo').bind('mouseenter' , function(e) { $(this).animate({backgroundColor: '#F00'} , 300); }); However, what if you wanted to get the resulting color or other styl...