css

HTML Label float passed Checkbox on left

I have a checkbox and a label, and while the label is set after the checkbox, it appears before it when the page is in view. What could be the problem? <input name="signed" id="fd_supplier_contract_signed" type="checkbox" value="1" /> <label for="fd_supplier_contract_signed">Signed:</label> IMAGE: ...

CSS - Creating a button the height of an entire column

Is it possible to create a button that stretches the height of a neighboring table column? Is it possible to stretch the button if it were an image? I'll try to describe what I'm trying to do in layout below - one of the columns is simply a button, the other contains text and other data. ______ ______ | | | | | | | ...

Are there any known issues with putting invalid CSS characters (@,:,!) in the class attribute of a HTML element?

I wrote a comparison validator, that compares two inputs values. Originally in tried using the primary input's name attribute to store the secondary inputs id. //example: does not work in IE7 <input id='txtPrimary' type='text' class='compare' name='txtSecondary'/> <input id='txtSecondary' type='text' /> This work in every browser exc...

How to disable the splashscreen of the rich:extendedDataTable

When the rich:extendedDataTable return it's result, there a splashscreen (a little animated gif) displayed. And I'm searching for a way to removed it. I noticed that in firebug .extdt-ss-vsbl { background-image:url(/swf-rf-poc/spring/a4j/g/3_3_2.SR1org/richfaces/renderkit/html/images/loading.gif); b...

css shorthand for border

I am using VS 2005 and while editing a css border property, Visual Studio displays following tooltip border:[border-style][border-width][border-color]|inherit which means following is valid border:solid 2px #000 but as per this shorthand cheat sheet following is valid shorthand border:2px solid #000 I googled for "css shortha...

Dublicate flash gallery with jquery

Is there already a plugin for jquery to re-create this: http://www.imgmodels.com/details.aspx?navbtn=1&amp;cityID=1&amp;modelid=261005&amp;pic=054.jpg&amp;subid=5569&amp;mainsubid=5569&amp;catID=2&amp;indx=1 Best Regards, ...

css text-transform capitalize on all caps

Here is my HTML: <a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a> Here is my css: .link {text-transform: capitalize;} The output is: Small Caps & ALL CAPS and I want the output to be: Small Caps & All Caps Any ideas? ...

Is it ok to use image hotspots? Is that the best way to do it in today's world?

I have a picture that needs to be split into 4, and each part must have a link. Do people still use image hotspots? ...

HTML and CSS button alignment

How can I right align a button inside a div without wiping it from the Markup Flow with valid CSS and HTML? Is applying margin-leftthe only way to do this? I have a structure like this <div class="navContainer"> <div class="title"> <span>Nav Titulo</span> </div> <div class="navContent"> Nav Conteudo </di...

Rounded corners in IE using border radius

I've made a site using this border radius code: http://code.google.com/p/curved-corner/ I'm referencing to url(border-radius.htc) to make it work in IE but it is not. Please help, thanks. P.S. Here's the site so feel free to look at my css: http://portsmouth.fitfans.co.uk (sorry, this being my 1st question I can't post more than one ...

How do I create a "widget" for people? It's just a simple text box with my logo.

I want something that the webmaster can copy into his site. It just needs to have my logo, a text box, and a submit button. (When the user clicks submit using that widget, it forwards to my site.) I know there are many ways to do this. What is the fastest and easiest? ...

Absolutely positioned text getting cut off in IE7

http://cure.org/brant/ On the right side of the page, I have some text getting cut off in IE7. It is the HTML text numbers on top of the green tags. If you view with IE7 (or IE8 in developer mode for IE7) you'll see them getting cut off just below where they should start. I have a feeling it may have something to do with the padding on...

DIV Overflow Scrollbar On Top of Content?

I have a div with the content set for overflow:auto and set height of 300px. There's a table within that div so, when the table has more content than the DIV is high, the content scrolls. The problem I'm having is that the scrollbar is sitting on top of my image that I've got on the right of the table. Is there a way to push the scroll...

Combining multiple CSS files

Right now I use a PHP script to pull together multiple CSS files into one script and then output them with a content-type of text/css. The problem them with this is the browser wont cache the file. Is there a better way of doing this? Thanks ...

CSS: why does setting margin-top only work in Webkit?

Here is a test case/live example. Summary of problem: This only works in WebKit: Y.one('#container').setStyle('margin-top', 100); This works in all browsers: Y.one('#container').setStyle('margin', 100); Why does setting margin-top work only in WebKit? EDIT: the fix is shown below in one of the answers. You need to have marginTop ...

How to create three columns in css

If I have a list of objects such as List myObjects; and there might be 2, 20, 50 etc items in the list. What I want is to be able to itterate through the list and build a 3 column view of the items using css to layout the columns. How do I do this? I don't want to do a loop where every three items I start at 1 again or is that the onl...

How to replace the dropdown list arrow with my own ?

What would be the easiest method to replace the default arrow of the dropdown list with my own arrow image ? ...

Aligning Text Vertically to the Top Next to New Twitter Button

I am trying to add the new twitter button to one of my Wordpress templates. For an example, see here: http://johnkivus.com/2010/08/12/if-you-build-it/. I want the text aligned with the top edge of the button instead of the button. The code section that puts the twitter button in place is as follows: <div class="postmeta"> ...

CSS not working

Sometimes the dang thing works and at other times it doesn't. I have many tables in my app and the CSS for all of them is working. There's nothing different for this one, except for it, the CSS isn't being applied, God knows why. Help. table.catalogContainer { border: none; padding: 50px; margin-left: 100px; margin-right...

Drupal Colorbox module and IE

I have about pulled out my hair on this one! I am trying to get Colorbox to display the borders properly in IE7 (IE6 too, but I'll take IE7, at the least!). You can see what I am seeing here. Click on a picture in the gallery or on the login link. Either way, colorbox is supposed to be appearing correctly. It works fine in FF, but the...