Cascading Style Sheets

Grid width change on user action

Is it possible for a column width to be changed based on a user action without page refresh.

For example, I have a collapsible table. If it's collapsed by the user, I want to the column width to adjust to say 30px, when it's not I want it at say 300px.

The default is open at 300px

Having a minmax value doesn't seem to change it.

How to prevent stretched text when using scaleY(2)?

Hello, this is my first post! Great site!

I am stuck with stretched text as a result of applying transform: scaleY(2).

I have the following html:

<div class="item-box">
    <div class="category-item">
        <h2 class="title">
            <a href="#" title="Show product">
                label
            </a>
        </h2>
        <div class="picture">
            <a href="#" title="Show product">
                <img alt="Picture for product" src="path" title="Show product">
            </a>
        </div>
    </div>
</div>

And the CSS:
 

Need Help - Wordpress theme is darkening Front Page background images

Hello all! The Wordpress theme I use is darkening (tinting) the images I'm using as a slideshow on my main page. I have 3 images loaded into the "Front Page Widget" area that cycles on my home page. I'm a newbie to CSS but I'm searched the stylesheet and can't seem to find what I need to change so the true colors are seen. Any help would be appreciated!

My website: tomreploglephotography.com
Theme name: Imagely - Ansel
I've reached out to the theme maker and they were of no help.

Thanks!

Tom

Is there a good CSS reference with information about browser compatibility

I decided to create maximally backwards compatible website, so it should work on legacy systems (including old IE), and smartphones using responsive web design. I know that CSS was gradually implemented in previous versions of browsers, but I can't find information (reference) about CSS features supported in previous versions of popular browsers. What is the best website or a book that describe the chronology of CSS implementation?

IE CSS issues;

I have a site @ https://www.weedshopinc.com On that site i have some IE issues and believe it or not, some firefox2 issues. Let me start with IE issues:
In the boxes on the front page, you will see text like "News" and "Member Login". I have an image that creates the color behind that text in the boxes. Notice how the color (image) does not stretch to the right side of the box. It stops short in IE. In firefox2, that is not seen. Here is the CSS for those colors (images):

.box_header {
font-size:15px;
margin:0;
padding:4px;

Syndicate content