css

IE7\8 Doesn't Play Well with Sprites On inputs?

I'm using the css sprite technique to hold all the buttons on the site in one PNG Image. This technique works fine on all browsers on your normal Style Buttons, however for IE 7/8 it shows a border and a red x on any input where I use a css class to define the image. This technique works fine for Firefox. Am I missing something here ?...

In CSS, is ".class1.class2" legal and common usage?

I am quite used to seeing div.class1 and #someId.class1 but what about .class1.class2 ? And I think it is identical to .class2.class1 ? Because there was an element with id someId but now we have two elements of this type showing on the page, so I want to add a class and use the class instead of id, therefore the .class1.cl...

overlapping background image

I have a table with a background image using css property background-image. In table I have some images using the <img. Images <img table are above the background image. I would like the background image overwrite the images <img as with the text. Is that possible? Code Example: <style> #content { background-image:url("background-image...

How to deal with Dynamic images on website

Hi I have a website that has the functionality of dynamically loading the images. My website is getting slowed down if there are too many images (jpeg files). How can I deal with such images ? The website is built in Drupal. -VJ ...

Fluid arrangment of dynamic tables

Hi all, I had a question with regards to fluid arrangement of tables. I have attached a screen-shot below to try and explain what I am trying to achieve. Basically, I have a number of dynamically created tables. Their widths are fixed but their heights can vary. What I am trying to achieve is, the maximum utilization of space when t...

100% height scrollable div inside of body with a bottom margin of 50px

Can't get this to work. Goal is to create a overflowing scrollable div that stretches the entire width and height of the body. Problem comes once I add a body bottom margin of 50px which I want to reserve to absolutely position a 100% x 50px div control panel. It's essentially a faux iframe with a bottom control panel. The div seems to ...

How can you make a gradient background without images?

Like this. in general i will make 1 px wide image of this then will repeat-x. but is it possible to make same type of background with CSS3 , if yes then tell me how tp make same of this. with all browser compatibility IE 8, 7, 6 , FF , Chrome, Safari, iphone. ...

How do I make the whole area of a list item in my navigation bar, clickable as a link?

I've got a horizontal navigation bar made from an unordered list, and each list item has a lot of padding to make it look nice, but the only area that works as a link is the text itself. How can I enable the user to click anywhere in the list item to active the link? html: <html> <head> <link type="text/css" rel="stylesheet" hre...

how to restict number of images in a row to three ?

Hi i am populating the images from my database in a table,, how to restrict the images to three per row <table border="0" align="center" height="25%" width="25%" > <tr><td align="center" width="50px" bgcolor="#4b2d0e"><strong><font color="#FFFFFF">Friend List</font></strong></td></tr> <? foreach($Selected as $row) {?> <? $value =...

Suggestion for online html code generator from richtextbox on webpage

Hello guys, do you any opensource proyect who gave me the posibility to have an very simple online richtextbox were an user can add strong, emphasis and other simple modifications to text and when user finish hit the submit button and the code generates a html result. For example, here this guys have a script who made almost all what i ...

is there any solution to get support of CSS Gradient in firefox 3.5 and lower?

is there any solution to get support of CSS Gradient in firefox 3.5 and lower? http://hacks.mozilla.org/2009/11/building-beautiful-buttons-with-css-gradients/ ...

CSS takes effect after page has rendered

Hey guys, I am running into this problem where my page loads and then after a fraction of a second the CSS effects or styling takes place. The main issue I am seeing is with the JQuery tabs that I am using http://docs.jquery.com/UI/Tabs#source When the page renders, the tabs show one below the other for a second like this: One Two ...

Text/Links background should be transparent over a gradient background but is in white

I have a small problem. I'm starting to devise a new site for myself, www.dvpwebdesign.com. I'm currently just using html and css on it. The problem i have is IE, my intro page has a repeated gradient background, with links/text over it. All works fine on Safari, Firefox, but not the dreaded IE, which shows a white background behind the ...

How many external Conditional stylesheet do you use for Internet Explorer in your web projects?

How many external IE Conditional Style-sheets do you use for Internet Explorer in your web projects? See this page before to answer : http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ ...

Is there any solution to disable Javascript style changes in print?

Is there any solution to disable Javascript style changes in print? For instance, if I'm hiding something through Javascript but I want to include that hidden info in print. I hid a div using Javascript and I want to show that div if Javascript is disabled. Now the problem is, because div is hidden using Javascript it's also not showin...

problem Hover in css wen i execute in ie6

hi i given hover effect in css, it works correctly in all other browser except in ie6, the problem is if give a link then only hover works in that page, i take href from the page hover doesn't works, please help me. ...

Putting a floating image in the bottom-right corner for example

Basically I want to put a transparent image in the bottom-right corner. I read the questions about top-right, right, and so on. However, I can only apply margin-top: 100%; which will put it where I want BUT it shows the scroll bar then and the picture will be really at the bottom, I can't even see it. Any ideas are welcome. To se...

One SVG file, many SVG gradients inside

Hello, I’m making a set of buttons which use dynamic gradients. I’ve taken care of Firefox 3.6+ and WebKit by using their proprietary CSS extensions and all I need to do is support Opera, iOS and IE9 by using background-image: url("gradient.svg"). This is relatively easy, I made an SVG file, linked it and got it working. However, I’m m...

How to set background image to display before the content of img tag?

I've a div and inside the i place a image using img tag and in the stylesheet, i used a background-image for that div and aligning it center with z-index value 1 .. And i use another style for img inside that div with the z-index value -100 So i expect the background image to come front of the image.. I think i'm doing something wro...

Circular Progress Indicator in Javascript

Hello, I have a simple carousel to display some images. As you would expect the carousel auto rotates every x seconds. I currently have a div which I animate the width over the x seconds to show progress. This allows users to see how long they have to wait until the next image is displayed. When a user hovers over the image, the progr...