css

How to Set Dynamic Width DIVs

Here is my scenario. I have a container div that has (n) child elements inside it. For this instance lets say there are 2 divs within the container div: <div id="container"> <div id="col1"> Stuff in col1 </div> <div id="col2"> Stuff in col2 </div> </div> The container div is going to be a percentage of ...

Multi-column CSS lists

Is there a way to do re-flowable, multi-column lists, where the list can have list items of varying heights, using only valid CSS? By re-flowable, I mean that as the user drags the window wider or narrower, the number of columns should automatically adjust when the list items are of fixed width. I've seen the article on A List Apart, bu...

CSS divs don't stack in proper vertical order

I have two divs. I want one with id "hor_rule" to appear beneath the other with id "header". I was under the impression that this should happen automatically. I must be making some silly error. --- The HTML file --- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...

sIFR3 and gradient text

Does anyone have some pointer/code to implement gradient fonts using sIFR 3? ...

javascript slide slick_accessible_slideshow

hi everyone, i have three div's in an HTML page. the page look like this HTML Page: leftArrow(>) div rightArrow(<) i need to move the div from left to right and right to left. using javascript and DHTMl or JQuery. Is it Possible to Move in that direction ? Thanks & Regards Ravi ...

CSS difference between 0 and 0em

Is there any difference between margin: 0; and margin: 0em; I didn't notice anything, but my teacher keeps telling me that it's not the same. edit: I've shown my teacher your answers, and his response was like "uhm, but you should use 0em; because it saves you time when you want to change it to something like 0.5em; and that it'...

Firefox extension to display an inline css class or id definition?

I use Firebug and Web Developer Firefox extensions. One feature I am looking for and which I am not sure if they exist in these extensions is when I am looking at a webpage source, I want to click on a class or id name and somewhere it displays the definition of that class or id. Not the css inheritance hierarchy. Just the particular cla...

Remove Safari/Chrome textinput/textarea glow

Hello, I am wondering if its possible to remove the default blue and yellow glow when I click on a text input / text area using CSS? Thank you for your time. ...

two column css setup floating over container div

I have a very simple two column setup shows below. However in example one where I have the two column setup the #left and #right divs will float above the #posts container. Example 2 does not float like this but is not the two column setup I am looking for. Suggestions? div#posts { width: 700px; margin: 0 auto; margin-t...

A better way to determine even/odd rows in table

Say you have a webpage with following sample code: <tr class="even"> <td>something1</td> <td colspan="1">somthing1.1</td> </tr> <tr class="odd"> <td>something2</td> <td><b>something2.1</b></td> </tr> <tr class="even"> <td>something3</td> <td><b>something3.1</b></td> </tr> These are not in a loop so I have to explicitly say 'e...

CSS margin strange behavior, why ?

Having the HTML below <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <body> <div style="width:400px;height:200px;background-color:Gray;margin-bottom:10px;"></div> <div style="width:400px;height:200px;back...

How do I change the CSS style for a YUI tooltip?

I see on the YUI page an example about changing the style for panels in general. But I'd like to change the style for all the tooltips (and not other panels) on my website. All my tooltips are not in one certain DIV, so changing the YUI panel styles within a div won't work for me. Any tips? ...

IE Disappearing Bullet Bug in Floated DIV

There is a world of suggestions on forums about this but none have shown any sign of success for me yet. I have a floated div which contains ULs styled to use a bullet image. All compliant browsers show the image fine. When I refresh the page in IE 6 the bullets frequently show up but disappear again when the page is scrolled. In IE 7...

IE loses css styles after table rows are appended with javascript

I have a problem where i am doing an ajax fetch of some table rows which i use to replace a table's body. The problem is that sometimes IE(6/7) decides to forget about all page styles after such an append. (that is to say, it reverts to using styles in css includes at the top of the page, but not styles defined on the page itself) I h...

Can I apply CSS to swing text components?

A number of swing text components will interpret HTML. I'd like to style this HTML with CSS if possible. Any one know how to do this? ...

Where can I find a standard set of rules for designing web pages?

I have been making webpages for about 5 years now. I'm a C# programmer but I do know HTML, JavaScript, and CSS by nature and all my websites seem to look like they just walked out of the year 1995's internet. Is there quick reference to a set of do's and don't in web design? Note: Even though my websites don't look great, at least they...

Does having to many background-image in css affect perfomance?

Some users are reporting that my site is too slow And i think background images in css might be a possible culprit I have a site that uses a custom build system to concatenate all css, compress them ( yui compressor ) , make css sprites automatically ( smartsprites ) and I end up with a 9kb CSS for the whole page, this includes all cs...

Order of stacked HTML elements

I am looking at a jQuery screencast (jQuery for Absolute Beginners: Day 8). It has this code: <script type="text/javascript"> $(function() { $('.wrap').hover(function() { $(this).children('.front').stop().animate({ "top" : '300px'}, 900); }, function() { $(this).children('.front').stop().a...

How can I target these CSS items in the stylesheet?

Hello, I'm working with a DotNetNuke menu - which may be irrelevant, since my question is mostly about CSS syntax. What is the syntax to build styles for a class that looks like below? <tr class="mi mi0-0 id58 first"> Thanks for any help, much appreciated! I am trying to target the row on the bottom of this. I tried using . instead ...

Different dropdownlist component.

I want to create a component as below: It will be something like dropdownlist. I want to use this component every cell (td) of table rows. So my problem that to show second div(item list) under the first div but above the table rows. Would you please help me about its css? ...