css

style.display not working in Firefox, Opera, Safari - IE7 OK

I have an absolutely positioned div that I want to show when the user clicks a link. The onclick of the link calls a js function that sets the display of the div to block (also tried: "", inline, table-cell, inline-table, etc). This works great in IE7, not at all in every other browser I've tried (FF2, FF3, Opera 9.5, Safari). I've trie...

How can you customize the numbers in an ordered list?

How can I left-align the numbers in an ordered list? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up Change the character after the number in an ordered list? 1) an item Also is there a CSS solution to change from numbers to alphabetic/roman lists inst...

How to create an all browser-compatible hanging indent style in CSS in a span

The only thing I've found has been; .hang { text-indent: -3em; margin-left: 3em; } The only way for this to work is putting text in a paragraph, which causes those horribly unsightly extra lines. I'd much rather just have them in a <span class="hang"></span> type of thing. I'm also looking for a way to further indent than ju...

IE7: header above menu

I am having trouble with IE7. I have a header, which is an IMG. Under it I have a div that represents a menu, they have to be attached to eachother without space in between. Both are 1000px width. In Opera and FireFox the header and the menu are neatly attached to eachother. However, in IE7, there is a small space between the menu DIV an...

IE7 HTML/CSS margin-bottom bug.

Here is the scenario: I have a table with a margin-bottom of 19px. Below that I have a form that contains some fieldsets. One of them is floated right. The problem is that the margin-bottom is not getting the full 19px in IE7. I've gone through all of the IE7 css/margin/float bugs that I can think of and have tried remedies but have be...

CSS Drop-Down Menus - "Best"? Most feature-rich?

I'm in the unfortunate position of having to implement a drop-down cascading menu on a site I'm building. I'm looking for a Suckerfish-style solution that is primarily CSS-based and works on a simple set of nested ULs and LIs. Son of Suckerfish seems like the way to go, but I don't like the way it just disappears the second you move th...

Fonts on the Web

The collection of fonts available to a web developer is depressingly limited. I remember reading long ago about TrueDoc, as a way of shipping fonts alongside a website - but it seems to have languished. Has anybody used this, or something similar? Is it supported by enough browsers? Am I missing a good solution? Note that a responsible ...

Are there any tools for merging CSS?

I have a couple CSS files with overlapping CSS selectors that I'd like to programmatically merge (as in not just appending one file to the end of the other). Is there any tool to do this online? or a Firefox extension perhaps? ...

Tool for generating CSS skeleton?

My HTML is all marked up, ready to make it rain CSS. The problem is that I have to go back and find out what all my id and class names are so I can get started. What I need is a tool that parses my HTML and spits out a stylesheet with all the possible elements ready to be styled (maybe even with some defaults). Does such a tool exist?...

iFrame Best Practices

Here's a lowly HTML question... I have a large, hi-def JavaScript-intensive image banner for a site I'm designing. What is everyone's opinion of using IFrames so that you incur the load time only once? Is there a CSS alternative to the IFrame? feel free to preview the site at http://csm.dev11.com It is very much a work in progress. ...

The best way of checking for -moz-border-radius support

I wanted some of those spiffy rounded corners for a web project that I'm currently working on. I thought I'd try to accomplish it using javascript and not CSS in an effort to keep the requests for image files to a minimum (yes, I know that it's possible to combine all required rounded corner shapes into one image) and I also wanted to b...

Can you set, or where is, the local document root?

When opening a file from your hard drive into your browser, where is the document root? To illustrate, given the following HTML code, if the page is opened from the local machine(file:///) then where should the css file be for the browser to find it? <link href="/temp/test.css" rel="stylesheet" type="text/css" /> ...

Best way to fix CSS/JS drop-down problem in IE7 when page includes Google Map

I have a page using < ul > lists for navigation (Javascript changes the styling to display or not on mouseover). This is working fine for me except in IE6 and IE7 when I have a Google Map on the page. In this case the drop-down simply does not work. However, the page continues to work in FireFox 2. I have done a little bit of research...

What's the best way to go from a Photoshop mockup to semantic HTML and CSS?

I generally use a manual process: Look at the page, figure out the semantic elements, and build the HTML Slice up the images I think I'll need Start writing CSS Tweak and repeat different steps as necessary Got a better approach, or a tool? ...

YUI Reset CSS Makes <strong><em>this not work</em></strong>

This line in YUI's Reset CSS is causing trouble for me: address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } It makes my em not italic and my strong not bold. Which is okay. I know how to override that in my own stylesheet. strong, b { font-weight: bold; } em, i { font-style: italic...

Table cells larger than they are meant to be

I've created a map system for a game that runs on the principle of drawing the picture of the map from tiles. There are many reasons for this which I won't go into here but if you really want to know then I'm sure you can find out how to contact me ;) I have made the latest version live so you can see exactly where the problem lies and ...

What's a good 3rd party ASP.NET menu control replacement?

The ASP menu control emits tables instead of div's, and I don't want to bother learning control adapters. I want it to emit CSS-friendly code, and I need to be able to style the menu items individually. Nice transition effects are a plus, but at this point I'd settle for something straightforward and reasonably priced. ...

Free ASP.Net and/or CSS Themes

Where can I get some decent looking free ASP.Net or CSS themes? ...

SPAN Height in Firefox

Using CSS, I'm trying to specify the height of a SPAN tag in Firefox, but it's just not accepting it (IE does, funnily enough). Firefox accepts the height if I use a DIV, but the problem with using a DIV is the annoying line break after it, which I can't have in this particular instance. I tried setting the CSS style attribute of: dis...

100% Min Height CSS layout

What's the best way to make an element of 100% minimum height across a wide range of browsers ? In particular if you have a layout with a header and footer of fixed height how do you make the middle content part fill 100% of the space in between with the footer fixed to the bottom ? ...