css

Is there any guide on "When to use display:block when :inline and when :inline-block" and why?

Do you know any good article on "When to use display:block when :inline and when :inline-block" and why? and when we will have to override display:?? through css for any HTML tag/element? ...

is there any IE8 only css hack?

for /* IE8 and below */ i can use this color : green\9; but I need a hack which should only effect to IE8 , not to IE9, IE6 and 7 ...

How to style HTML compatible tags in XSL definition using extenal CSS?

I am following w3c schools to learn XSLT. in An example. In-line styling is performed here. How can I link an external (CSS) style sheet to style HTML compliant tags? ...

CSS class not being used on list item with styling

I have a list item thats styled based on the div container it's in. I want to add a "selected" class to that item, but it's not changing the styling. Firebug doesn't show it inhereting any styles from that css style. You'll see I'm adding class="columnTabSelected" to the first tab, but that's not changing anything. Here's a screensho...

CSS conditional comments for other Browsers except IE?

So far I know, the conditional comments are only supported for different Versions of IE. Likeways, can we provide conditional comments for other browsers too. If Yes, How? If no, what could be the best alternative? ...

How to get rid of white space between css horizontal list items?

I've got the following test page and css. When displayed, there is a 4px gap between each list item. How do I get the items to be next to each other? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"&gt; <html> <head> <link type="text/css" rel="stylesheet" href="/s...

C# asp:ListBox hide vertical scrollbar

How to hide the vertical scroll bar of a Listbox that is present inside a div. <div id="lstQueriesDiv" style="overflow-y: hidden !important; overflow-x: auto !important; Width: 650px; height:167px;" > <asp:ListBox ID="lstQueries" runat="server" CssClass="cssLstQueries" Rows="9"></asp:ListBox> </div> css: .cssLstQuerie...

How to make one button for open and close div, in this jquery code?

$(document).ready(function(){ $('#content1').hide(); $('a#open').click(function(){ $('#content1').show('slow'); }); $('a#close').click(function(){ $('#content1').hide('slow'); }) }); in this code of toogle open and close button is different <a> and <a id="close"> I want...

Is it good to use JQuery UI themes in a big high traffic website?

Is it a good way to use JQuery UI themes while implementing a high traffic website. Is it easy to edit and customize a little based on my website needs? Does it has any famous problems? want to hear your ideas about it and is it safe to use or its better to write all my CSS from scratch. Note that i checked the themes there and found ...

How to make jQuery slidetoggle effect for multiple div on same page?

it works fine for one div (function($) { $(document).ready(function(){ $('#div1').hide(); $('a.plus').click(function(){ $('#div1').slideToggle(); $(this).toggleClass("minus_icon"); return false; }); }); })(jQuery); How to make this slide toogle effect for multiple di...

Textarea background image scrolls when text exceeds the height.

Hi all! I am trying to resolve an issue in IE7. My text area has a background image behind it which then scrolls with the text when the text exceeds the height of the text area and begins to scroll with the text. Anyone know why this is happening and what the solution this would be? Thanks, James ...

scaling background and min size

Hi I have big background images 1200 by 1200, what i would like to do is expand the images when the user resizes the browser but constrain it so they never scale any smaller than the original size. There all lots of scalable bg images out there but none I can find that do this, any help would be appreciated. ...

jQuery - How to select all elements with a set font-family applied to them?

I need a way for jQuery to return all elements that have the css font-family:AvantGardeITCbyBT-Bold, sans-serif; applied to them. I'm thinking the only way of doing this is looping through all elements and checking if this css is applied to it. Seems a slow way of doing it? Is there a way of doing this via a jQuery Selector? ...

How to apply gradient color in css?

Hi I want to use gradient color as my page background how do I apply css to get gradient background? ...

change checkbox border color.

can i change border color of checkbox by use css or jquery. i want change only border color of check box. ...

set all nested li's to be width of widest li

hey, How do I make nested li's the same width? When I use the below code each nested li is only as wide as it's text + margin. I'd like all of the li's to be as wide as the widest li under the parent ul. eg: <ul id="menu"> <li <a href="#" title="Menu a">Menu a</a></li> <li <a href="#" title="Menu b">Menu b</a></li> <li <...

Create a "inset" effect using CSS in websites

Hello, I am very much impressed by the "inset" like effect in many latest websites. Some examples are and The line in the center. Nowadays, many websites use these kinds of lines/effects. I tried to achieve the same with borders but the color combination is not working me and it is not proper. Do other websites use images for th...

Tabindex is not working in ie 7

Hi All, I used a tabindex in my code, everything is going great its works finr in Firefox, ie8, safari but its not working properly in ie7, when i used a tab index in ie7 it come up to two input file then it get back to index one; example: <div tabindex=1> <a onclick="slide_down()" style="cursor:pointer;width:160px; padding-botto...

Absolute positioned div jumps outside containing div in IE7

Having trouble with a couple of display issues in IE7. Firstly, my large text headers display too far up in Internet Explorer (all pages) Secondly, my descriptions on my Portfolio pages end up outside their containing divs. Works great on FF/Chrome/Opera/Safari though! You'll see what I mean: http://bit.ly/a3hUD4 (I've used bitly so my...

Can I set a style for the content of an iframe from the main page?

We have a page the embeds a Google Calendar in an iframe. Recently, a warning box div began appearing on the calendar that looks like this: <div id="warningBox" style="color:#aa0000;">Events from one or more calendars could not be shown here because you do not have the permission to view them.</div> We don't want this box to show on ...