css

PHP / HTML - enable print styles

Hi I have a stylesheet that looks like this: body{ background: #333; } ... @media print { body{ background: #fff; color: #000; font-size: 10pt } ... } the print styles work ok and are applied when you go in print preview mode in your browser. However I have a "print" button on the site, which when pressed, outputs the cu...

What's the best for for print ? (a website page)

so what 'font-family' should I use in a print stylesheet? ...

CSS table design not working

Hi, I have this table: <table style="width: 512px; border-collapse: collapse;" cellspacing="0"> <tbody> <tr> <td style="background: #00f; height: 9px; width: 9px;"></td> <td style="background: #0f0; height: 9px;"></td> <td style="background: #f00; height: 9px; width: 9px;"></td> </tr> </tbody> </table> Please no "do not use tables" k...

Animation doesn't work in firefox and IE.

Hello guys I am trying to use jquery to show my div containers coordinate with my buttons..All div containers will be hided when page first loaded. When use clicks a button, different container will show up. My problem is that the div will only show up when click a button in Chrome but not firefox or IE. I appreciate if anyone could h...

jquery UI icons issue

Hello, why does the icons do a br> itself Heres what i mean: Source: .ui-icon-bullet { background-position: -80px -144px; } <span class="ui-icon ui-icon-bullet"></span> Hello ...

PNG image file display issue in IE.

Hello i have a problem in display the Png file in IE. It's work fine in Firefox and other browsers but the PNG file is display some kind of shadow in IE. Is there any solution to fix this problem. I have used this css code to fix this problem but still no hope.I would appreciate any help. Please.. filter: "progid:DXImageTransform.Micros...

Html scroll bar problem

I'm designing a fairly simple web site but as I don't have much experience I have a very simple question. I've done the layout in a way that displays all the necessary information without the need of scrolling down. But for some reason it's there. The site's css is as following: @charset "utf-8"; /* CSS Document */ html {height:100%;w...

dropdown disappears in IE 8

Hi. I am working on a dropdown meenu, which is disappearing in IE 8. Works fine in firefox and chrome, but not in IE8. i googled for two days and made many changes but still not working in IE. Here is the code for CSS. .dropdownmenu li, .dropdownmenu li ul { display: block;display:inline;float:none; } dropdownmenu ul:hover , .dropd...

CSS layout messed up in firefox but not IE or Opera?!

Hi, For some reason Firefox is messing up the following websites layout, it works fine in IE and Opera though... http://87.194.141.33/bivakas/shop I have tried using firebug to find missing divs or anything like that but sadly without success. If anyone would be willing to take a couple minutes to have a look at why this may be happen...

Scaling problem with CSS and SVG.

Hi, I have this SVG file: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [ <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/"&gt; ]> <svg version="1.1" xmlns="http://www.w3...

Trying to select all but the 1st TD'd in the last row in a table using JQuery

I have a table that contains totals at the end. I need to select all TD's in the last row except the 1st TD which says the word TOTAL. This does not seem to work, any idea's? $(".tableclass tbody tr:last(td:not(first-child))").css({'color':'#FF0000'}); Thanks ...

Clear inside div A is clearing the float of div B, which is outside of div A

This is a problem I've had several times when trying to create layouts with a sidebar. I made an example here: http://samutz.com/div.html #content has stuff inside it that needs to float and then clear within #content only. But when I try to clear inside #content, it clears the #sidebar's float as well, despite #sidebar being outside o...

Using JQuery to dynamically resize a 2-column HTML page causes infinite cycle on IE6.5

I am writing a web page that has a vertical menu bar on the left hand side and a main content pane on the right. I used CSS floats to accomplish this, but when the page is resized, the content can get "pushed under" the menu. To correct this, I used jQuery to dynamically resize the content pane, and it seemed to work well in FF3, Chrom...

CSS: Can you prevent overflow: hidden from cutting-off the last line of text?

Hi, When using CSS overflow: hidden , I've often found that the last line of text gets partially cut-off. Is there a way to prevent this so that any partial lines do not show-up. Almost like a veritcal word-wrap. Thanks! ...

Creating a signup page like twitter/signup?

Hi, A lot of newer sites have neat-o sign up forms. I do c++/java dev, and am getting in to web dev, css is a bit of a mystery to me yet. If I wanted to create a page like twitter.com/signup, I know I can use firefox and try to copy the layout using firebug. This is going to take a bit of time to get through though. Is there any how-t...

Detect differences from html and css changes from live site

We have a webpage that can be hosted in an iframe on another site. When it's shown in another website we override the css to have the l&f of that site. What happens is when someone changes the css class name or properties in the webpage it might look bad on other site where it's hosted until we detect and change it. If there is a way...

CSS for Disabled Textbox (Prevent "graying out" in Firefox/Chrome)

Is it possible to set CSS for disabled textboxes? I don't want the automatic gray-out in Firefox/Chrome. The reason is that I'm sometimes disabling textboxes right before submitting a form so they don't get unnecessarily transmitted (and clutter the URL), and that gray-out behavior is degrading the user experience by creating flicker. ...

Need help eliminating flash of unstyled content on my site.

I need someone who can provide me with a solution that will stop the flash of unstyled content (fouc) on my site. It's located here: http://www.cmscritic.com ...

Internet explorer 7 and 8 truncating website content

Hello All, I've spent a few days with this problem and I can't seem to find a solution anywhere and it's driving me nuts. I created a web page that loads all of it's content dynamically and for some reason the content gets truncated in IE 7 and 8. It works fine in firefox and opera though. The content is larger than the size of the wi...

GWT CSS ignored on update

Hey all- Here's what I've got. I have a tree in GWT set up to process only a certain level depth of children, retrieving from the server and only updating according to which children one clicks. I am familiar with addStyleName() functions and I have used this to style the foreground color of certain tree nodes, and it has appeared suc...