css

How to use "native" custom mouse cursors from within Flash apps?

The most common way of changing a cursor in Flash apps seems to be based on simply hiding the native OS cursor and displaying a graphic (drawn by the Flash Player) inside the Flash rectangle where the (hidden) cursor would be. This is what mx.managers.CursorManager does, for example. The reason why I find this approach unacceptable is th...

Is there really any point to using relative font sizing in CSS?

I've read a lot about the pros and cons of sizing with either relative or absolute font sizes. Fixed sizes don't zoom in IE6 but that's not much of an issue these days. Accessibility is important, but I assume that all good accessibility software is built to deal with these issues? I guess it mainly comes down to whether you want to be ...

Making a drop-down list using scriptaculous and prototype's BlindDown or SlideDown effect

I'm trying to make a javascript dropdown list using scriptaculous and prototype. I know this can be done using CSS :hover pseudo-selectors, but I would like to add some additional flair to it. The problem is that while I can kind of get the dropdown/up effect working, it seems very flaky. Is there a simple way to do this, or should I sti...

Submit button style in IE

I have a question to the submit- button behavior of internet explorer. If I load the page everything is fine - the submit button looks as it should. But if I click inside the FORM, the submit button gets some additional style which I don't like (see image for more information). How can I disable this behavior. I'm using IE7 under ...

How to expand 'select' option width after the user wants to select an option.

Maybe this is an easy question, maybe not. I have a select box where I hardcode with width. Say 120px. ABC REALLY LONG TEXT, REALLY LONG TEXT, REALLY LONG TEXT I want to be able to show the second option so that the user can see the full length of the text. Like everything else. This works fine in Firefox, but doesn't work wit...

How can I get a DIV to centre on a page using jQuery and blockUI?

Hi All, I'm trying to convert Matt Berseth's 'YUI Style Yes/No Confirm Dialog' so I can use it with the jQuery blockUI plugin. I have to admit I'm no CSS guru but I thought this would pretty easy even for me....except 10hrs later I'm at a loss as to why I can't get the blasted thing to work. The problem is that I can't seem to get th...

How do I validate site markup [HTML/CSS] behind a firewall?

I am designing a web site but it is behind a firewall and such services like http://validator.w3.org/ will not work. Are there any free apps I could run on Windows or Mac OS X that will validate html and css? ...

How to put spacing between TBODY elements

I have a table like this: <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> </tbody> <tbody> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> </tbody...

Outlook rendering problem, rendering text too large.

I'm trying to create a newsletter standard for our org and having problems with Outlook rendering the text too large. Here is the css section of the page body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 75%; background: url(http://www.blah.com/stuff.gif); } a { color: #f24c22 !important; } a:v...

CSS: font-size: inherit * 70% ?

Is there a way to specify the font size for a class to be, say, 70% of the inherited font size? I have a general "button" class that sets up my buttons with the appropriate borders, background, etc. I use it in multiple places, including one where the font size is fairly small and another where the font size is quite large. <div style=...

CSS float and HTML questions

Hello, I have some questions about basic CSS that I was unable to understand or find an answer for. First, I tried placing 3 div tags within another div tag. The first main div tag containing the 3 other tags had nothing set for it except a size, which was 400px by 400px. Of the other 3 divs inside, all were 20px by 20px, and 1 was ass...

css layers ordering and arranging

Hello, I am trying to have one one layer, and center images within. I.E., if I have 3 images and want 3 links beneath them, is there a way to do this without using a separate div tag for each link and image? To automatically make the links be centered under the images, and the images to be spaced evenly within a layer? I was also wond...

How can I lock the first row and first column of a table when scrolling, possibly using javascript and CSS?

How can I create a table that has its first row and first column both locked, as in Excel, when you activate 'freeze panes'? I need the table to both scroll horizontally and vertically (a lot of solutions for this exist, but only allow vertical scrolling). So, when you scroll down in the table, the first row will stay put, since it wil...

div with images problem

Hey guys, I have the following div layout: Everything is fine when I put normal txt elements in both the blue and the orange div. However, when I place an image in the orange div (which is 31px), the elements in the blue div get pushed down by about half the height of the blue div. (additional info, when hovering over the html for ...

IE7 label positioning problem, problem with the div width.

I have problem with labels inside a fieldset (feedback form). It is correctly shown in Firefox, Opera, IE6, but it looks ugly in IE7 See this page here. You can also find pg.css (main ccs file), ie6.css, ie.css. HTML code: <fieldset> <legend>Вы можете отправить нам вопрос прямо с этой страницы, заполнив форму</legend> <form act...

HTML CSS LI Wrapping

I have a vertical menu in my system which is basically made of HTML ul/li with CSS styling (see image below). However I don't want the li items which are wider than the menu to wrap, I would prefer them to overflow with a horizontal scroll bar at the bottom of the menu. How can I do this in CSS? ...

CSS Max Height Property

Is there a good cross-browser way to set a max-height property of a DIV and when that DIV goes beyond the max-height, it turns into an overflow with scroll bars? ...

Site-specific: Firefox vs. IE CSS peculiarities

I'm trying to learn CSS. I've taken great pains to get everything right. My pages all validate and they look correct on Firefox and mostly correct on Chrome. However IE is all over the place. In relation to Firefox, the following is wrong in IE (in order of importance): the main body box is pushed below where the left boxes end the upp...

Adding rollover effect to skinned button in Flex

Using Flex 3, I have a Button which is skinned using PNGs specified in a CSS style sheet. Button.addextra { downSkin : Embed( source="img/add-extra-icon.png" ); overSkin : Embed( source="img/add-extra-icon.png" ); upSkin : Embed( source="img/add-extra-icon.png" ); disabledSkin : Embed( source="img/add-extra-icon-dis...

making pictures center horizontally in a layer

Hello, I have the following code <html> <head> <title>Test</title> <style type="text/css"> <!-- body,td,th { color: #FFFFFF; } body { background-color: #000000; } #Pictures { position:absolute; width:591px; height:214px; z-index:1; left: 17%; top: 30%; text-align:center; } #Link...