css

text that only exists if css is enabled

I have a website in which I provide tooltips for certain things using a hidden <span> tag and javascript to track various mouse events. It works excellently. This site somewhat caters towards people with vision issues, so I try to make things degrade as well as possible if there is no javascript or css and generally I would say that it i...

HTML input style to hide the box but show the contents

I have a form in HTML where our users fill in the data and then print it. The data isn't saved anywhere. These forms come from outside our company and are built as html pages to resemble the original as closely as possible and then stuffed away and forgotten in a folder on the intranet. Normally another developer does them, but I have...

Jagged Button edges in Internet Explorer

How do you remove the jagged edges from a wide button in internet explorer? For example: ...

Tools for refactoring table-based HTML layouts to CSS?

Given an HTML page that has a complex table-based layout and many tags that are duplicated and wasteful, e.g.: td align="left" class="tableformat" width="65%" style="border-bottom:1px solid #ff9600; border-right:1px solid #ff9600; background-color:#FDD69E" nowrap etc. Are there tools to aide the task of refactoring the page into a mor...

totally lost -- textarea in IE7 disappears when i mouse over

i'm just going to toss this question up in a rough form now, while i'm thinking of it, and come back to flesh out the details. it's terribly vexing. maybe someone here will know wtf is going on. i have this big data-entry sort of page, a table-kind of layout using divs. each row has subrows which can be toggled open/closed. the toggling...

Horizontal lines when clicking the button in Firefox

I've some CSS problem in Firefox 3. I have several image buttons on my page and when I'm clicking on them I've seen to horizontal lines across the screen at top and bottom button border. I saw such issue on other web sites, so I think it's something known. ...

Could I get in legal trouble for copying a website's stylesheet?

I like the simplistic look and design of some of the Microsoft blogs. Alas, I can't join the Microsoft dev party and create my own development blog on the blogs.msdn.com page because I don't work at Microsoft, and I already have my own wordpress blog. I was looking to have my blog styled to one of the default looking themes shown here: ...

Typical pitfalls of cross-browser compatibility

What are the most common browser compatibility issues across the major desktop browsers? No dups please. Up-vote problems you've run into. I'm hoping for the list to self-sort. "IE sux" is not a pitfall, but a call for down-vote. [Edit] Yes, I know it's a poll - I'm not posting answers in this to gather points - I'm actually interested...

Color differences between images and html

I'm having issues with color matching css background colors with colors in images on the same html page. What gives? ...

Cross browser "jump to"/"scroll" textarea

I have a textarea with many lines of input, and a JavaScript event fires that necessitates I scroll the textarea to line 345. scrollTop sort of does what I want, except as far as I can tell it's pixel level, and I want something that operates on a line level. What also complicates things is that, afaik once again, it's not possible to m...

Any clean css method to make each letter in a word a different color?

I need a way to allow each letter of a word to rotate through 3 different colors. I know of some not so clean ways I can do this with asp.net but I'm wondering if there might be a cleaner CSS/javascript solution that is more search engine friendly. The designer is includes a file like this: http://stlartworks.efficionconsulting.com/Port...

What's the CSS Filter alternative for Firefox?

I'm using CSS Filters to modify images on the fly within the browser. These work perfectly in Internet Explorer, but aren't supported in Firefox. Does anyone know what the CSS Filter equivalent for these is for Firefox? An answer that would work cross browser (Safari, WebKit, Firefox, etc.) would be preferred. <style type="text/css"> ...

Silverlight display problem

I have created a nice silverlight control doing exactly what I want it to do, and it looks great :) When I host it in the test projects ASPX sample file or the HTML sample file it shows up nicely. I now have to use the control in my existing ASP.NET 2.0 project, which has a fancy design. The problem I'm having is that the control don't ...

Tool for edit CSS and preview in IE and Firefox

I'm looking for a VS2008 Plugin or other tool that allows me to edit CSS and preview the changes in IE and Firefox. I'm not full time web designer, so free or open source is a plus. Visual Studio integration is a big plus Reviewed so far: CSSVista Pros: Free Nice previews Cons: Editor is not powerful No save to local file No ...

Table Column Formatting

I'm trying to format a column in a table using a <col> element. I can set background-color, width, etc., but can't set the font-weight. Why doesn't it work? <table> <col style="font-weight:bold; background-color:#CCC;"> <col> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> ...

CSS Layout, Vis Studio 2005, and AJAX Tab Container

In a C# Web app, VS 2005 (I am avoiding 2008 because I find the IDE to be hard to deal with), I am getting into a layout stew. I am moving from absolute positioning toward CSS relative positioning. I'd like to divide the screen into four blocks: top (header band), middle left (a stacked menu), middle right (content - here the AJAX tab ...

What is the consensus on "Voice-family" Hacks?

I just started working for a pretty large company and my group manages all of their public facing websites. I opened the style sheet for the first time today and have seen over 20 instances of the designers using the voice-family hack to fix an IE bug. (I don't know why they allow graphic designers to write any kind of markup at all) W...

How do you find the largest font size that won't break a given text?

I'm trying to use CSS (under @media print) and JavaScript to print a one-page document with a given piece of text made as large as possible while still fitting inside a given width. The length of the text is not known beforehand, so simply using a fixed-width font is not an option. To put it another way, I'm looking for proper resizing...

jEditable - problem with input-box styling.

First time i try out this service. Looks promising :D I am trying to style an input-box that is being rendered by the jQuery-plugin jEditable. What I basically want is to only change the color of the table-cell when the text is double-clicked and made editable. Like this: This is where I am at the moment: jEditable CSS Problem ( dou...

Runtime CSS fails silently when Flex application is loaded by a non-Flex application

I have compiled a CSS swf file which includes embedded skins for my Flex application. In our download product, this CSS works fine. On the web, a non-Flex container is loading the Flex application, and the CSS fails silently. When the application is debugged, the following runtime error can be seen in the trace output, but is not rais...