css

jQuery UI Tabs Minimal Styling

In my application, I have so far avoided needing to load any jQuery stylesheets at all, but the UI-tabs plugin seems to need some CSS to work at all. OK, fine, but the examples have you loading ALL the UI styles and, perhaps more important, the tab styling totally ruins my own look and feel. Is there any place to learn how I can provid...

Scrollable HTML Table in Vertical and Horizontal Option

Hi All, I have a table which has many columns and lots of records. My user want me to have the table to have a fixed header but should have a scrollable option in both the vertical and horizontal version? Is this possible to do this that is cross browser? My target browser is IE 6.0 + and FF. I am looking for a CSS version or jquery...

How do you implement CSS with fixed left sidebar and fluid right content

I got headache how to make my fluid content will float to right. left sidebar is fixed size. right content is fluid size. Here and example my html and css How to make my id="content" will float on right? ...

How can i overlay an 10x10px image on top of another image?

Hi Guys, I have a user avatar on my website. Simple image tag: <img src="foo.jpg" class="userphoto" width="48" height="48" alt=""> Now, i want to float an image (Facebook Icon - 10x10px) over this image on the top left corner of the image. This is to signify that the user is authenticated to Facebook. How can i do this? CSS styling...

CSS Overflow Hidden Workaround?

Wondering if anyone has a work around for this issue. I've got a markup like this: <div id="outer"> <div id="inner"> content here </div> </div> now my inner div isnt always extending as far as I would like it. Overflow: hidden; works wonders, but in this case I have some elements that overlap the edge so I cant use that. Float:lef...

How to set "no-style" as default in FireFox

Hi everyone, in FireFox 'options' => 'content', I can turn off JavaScript and image loading by default. By I don't see any places to turn off page style by default. What I want to do is like automatically selecting 'view' => 'Page Style' => 'No Style' when every new page is loaded. Thanks. ...

Creating a CSS class in jQuery

I believe the .addClass() function in jQuery attaches a CSS class to the current selection, but I was wondering I could create or define a CSS class in jQuery, and then attach it? ...

Webkit won't switch out background-image using jQuery

function set_preview_image(image_link){ $('#slideshow-container').css("background-image", "url('files/images/store/content/templates/websites/preview_images/" + image_link + "'"); } I'm passing through an image variable. Everything works fine in FF and IE. What am I missing? I've already tried us...

Structuring an email message for display on multiple devices/clients

I'm using System.Net.Mail to send an email message and want to make sure it appears properly from anything from a text-only cellphone to a rich client on Mac, Suse Linux/Evolution, or Windows. I gather there are a few points to consider when sending a message with such a broad reach. Here is my list so far: Plain text header: For tex...

Is it possible to abstract out color theme definitions in CSS

We have many images which are actually picked up based on a color theme (e.g. blue, red, gray ...). We create files with a common name under each theme (e.g. background, ...), is there a way to define the color theme in a common place so that the definition can be abstracted out. This would prevent me from changing the color theme all ov...

Ruby on Rails: odd stylesheet issue

When I open up a page that's using my CSS it will work once, but won't work again until you open up the CSS and re-save it. Every other time I try to directly access my CSS, it works fine. But the other times, it doesn't work and I receive this server output: [2010-08-01 12:49:37] ERROR NoMethodError: private method `gsub!' called for #...

Get hex codes for all colors between two colors?

I want to have buttons that are switching from one color to another. Eg. 1000 buttons where the first one is yellow and the last one is green and all the between will slowly move from yellow to green. So I guess I need some software/webpage to generate all the hex codes for colors (eg. #8a3a3a) between these two colors. Is this possib...

When is it necessary to initialize or reset all tags using a wildcard * at the beginning of external CSS style?

Sometimes I find some people use a wildcard * to reset or initialize all tags at the beginning of thier css. When is it necessary? ...

Center the DIV Element popup

Hi, I've created a div in my page, and it looks like - <div id="progressThrobber" style="display: none;"><img src="/btweb/images/DeskTopIconLoading.gif" width="200" height ="40"/> Loading...</div> Now the function that makes it appear as a popup on the page is underneath - function showProgress(divId) { var divEleme...

I am looking for good JS Loader and CSS Loader script in jQuery

Hello, I am looking for a good JS and CSS Loader for on demand loading Management in jQuery. Can anyone advice good solution ? ...

Borders doubling up

Hi! I'm adding a new design to my website. The main menu ul stretches across the screen and the items are demarcated by simple borders. I'm having problems with the left and right borders for my menu items. What's happening is that I can't properly display the borders on mouseover (a:hover) unless I space the margins so that in the nor...

multilingual websites and rtl direction - best practices

Could you share any tips for supporting rtl direction in multilingual websites? Apart from the text direction, should there be any changes, for instance, to the menus mark-up? The rtl CSS should be included in a separate file (like "layout-rtl.css") or a "rtl" class should be added to the body tag? I would like to know stuff like that. ...

ExitPopup Script

Hi Everyone, I working on a website, but here now I want a popup window should open anytime when I leave the page / close the page, like this : http://www.ultimateexitpopup.com. Can someone let me know both script and HTML code for this please? Regards Balkar ...

DOM CSS Cross Browser Library

I normally work with jQuery, which takes away most of the cross browser pain (although not, unfortunately, all). However, it doesn't seem to have any support for manipulation of the CSS DOM, and this still seems to be a bit of a minefield - QuirksMode has some information. Our application allows users to theme their site to some extend...

2-column auto-layout by CSS?

Given a <div> Lorem ipsum dolor sit amet, consectetur adipiscing... </div> is it possible with CSS to generate a 2 or 3-column layout automatically, say by specifying the height of the container? If not, what are best practices in such a case? Thanks for your help. ...