css

iFrame Scrollbars Issue in MS IE6

Hi, Can anyone pls provide some reasons as to why my iframe that displays a report within it, shows a horizontal scrollbar even though the width of the report within it seems to be smaller than the width of the iframe? There seems to like a small gap that causes the horizontal scrollbar to appear. Another thing I've noticed is that w...

Compressing CSS and JS without mod_gzip and mod_deflate

I would like to compress the CSS and JS files on my server to minimise load times, problem. My hosting is with Streamline.net (big mistake, never go there) who will not activate mod_gzip and mod_deflate due to security issues. Does anyone have another way to compress these types of files (and image files too if poss) without going the ...

If I have a CSS solution for all browsers except IE then what should be chosen for IE? CSS expression vs JavaScript vs jQuery with plugin?

If I have a CSS solution for all browsers except IE then what should be chosen for IE? CSS expression in IE conditional comments or JavaScript in IE conditional comments or jQuery + plugin in IE conditional comments Which will be less slow in rendering speed? ...

How to call images from CSS when page are loaded using https

This one is driving me nuts. It's (yet) another IE6/7 idiosyncrasy, but one of my web pages needs to be loaded using https. In IE6/7 I get the dreaded "contains secure and nonsecure items" message which is causing users to panic. I've gone through the code top to bottom and isolated the problem (as IE sees it) to background images in my ...

Popup Window for a Flicker feed using CSS, Ajax, Javascript, in a Coldfusion environment.

Creating hover over window on thumbnails of a Flicker feed using CSS, Ajax, Javascript, in a Coldfusion environment. ...

CSS has no effect on dynamic classes

$('fieldset.one label, fieldset.two label').each(function () { var className = $(this).text().trim().toLowerCase(); $(this).addClass('default ' + className); }); I'm adding classes dynamically to label elements, but when I try to style them, there is no effect. One of them has .sedan class added automatically, I see it in fireb...

what is the use and purpose of uncompressed version of jquery library file provided by jquery.com?

Jquery.com provide 2 version of jquery library. I always use Minified version because i never edit anything in jquery base file. but what is the use and purpose of another Uncompressed Code version? Does people edit main library file to get something? If yes then if we edit anything in main file then we can't use google ajax library lin...

Using numerous tables in a single page, is it a problem ?

If i use multiple tables on a page say 15 tables in a single page then will it affect page performance? ...

Dropdown navigation problems in IE 7

I am working on a site that has a horizontal navigation bar with dropdown menus. This was built by another developer who is no longer working on the project. The dropdowns "drop" and can be clicked on fine in FireFox and IE8 but in IE7 the dropdowns drop but disappear as soon as you try and mouse over them. Here is the code for the na...

How to get 19KB Minified version of jquery file?

Jquery.com shows Minified and Gzipped version as 19KB? Production (19KB, Minified and Gzipped) Development (120KB, Uncompressed Code) but when we click on download for Production version. it goes to this link http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&downloadBtn= and the file which is on thi...

strict doctype and inline css

Hi In my html file, when I write this, it is displayed correct. <div class="event" style="top: 30px; left: 10px; width: 584px; height: 80px;"> But as soon as I set strict doctype, the styling goes away. So in firbug I see only style="". <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <...

Centering element inside an element (jQuery)

<div class="preview"> <span class="center">This will be centered</div> </div> Preview has fixed width (120x120), but span may contain anything (image, text). How do I center it vertically and horizontally using jQuery? I looked up some snippets but they all center elements inside the 'body' not another element. I'd like to avoid use ...

In Internet Explorer 7, text-align: right is not taking effect

Is there any way to make the header align towards right? Tested in Internet Explorer 7 only. <html> <style type="text/css"> th { text-align: left; } </style> <body> <table width="100%" border="1"> <thead> <tr> <th style="width: 250px;">Tag <th st...

Browser-populated form input text gets styled differently, makes input fields unreadable.

I'm working on the my site which is done with a black background. I've changed the coloring on the form input fields. However, when I return to a page with saved text in a field, the background color becomes white, and the text color stays a light color (grey) and thus becomes somewhat unreadable. e.g. input{ background-color:blac...

HTML CSS Border help

i am trying to get the bottom border one color but because in the table border is set to 0 but when i set it to one it shows. i put the following code in the < TD> style="border-bottom:thin; border-bottom-color:#006; " ...

Get computed font size for DOM element in JS

Is it possible to detect the computed font-size of a DOM element, taking into consideration generic settings made elsewhere (In the body tag for example), inherited values, and so on? A framework-independent approach would be nice, as I'm working on a script that should work standalone, but that is not a requirement of course. Backgro...

js, img, css and ajaxcall folders?

when i download some new plugins eg. jquery plugins i put them in js folder. and the same for css and img. so all my different applications share them. but where do i put my js/img and css for specific application/website? every website? and where should i put my ajaxcall-files.php? EDIT: some guides that could give me a clean and nea...

Prevent CSS resets only within a certain section of HTML

For the past few years, I've been developing sites with Eric Meyer's CSS resets. I love it and will never look back. I never even thought of looking back. But then today, we implemented a Telerik Rad Editor control. Unfortunately the CSS resets break the internal layout of the Rad Editor as well. Is there some way to prevent the resets f...

CSS: have a div after an absolute positioned div

Hey, I was wondering how to do this, my current mark up is as follows: <div id="playArea" style="position: relative;"> <div id="widget1" class="widget" style="position: absolute; left: 295px; top: -1px; width: 313px; height: 269px;">Hello</div> <div id="widget2" class="widget" style="position: absolute; left: 63px; top: 35px; w...

Making a div expand its width to fit fixed width content in IE 6 and 7

I need a div with a border to wrap around arbitrarily sized fixed-width content (this means I do not know what that fixed width will be, it changes from page to page). The below html does what I'd expect in IE 6, that is, if you size the browser window down to less than the width of the content (in this case a fixed-width <p>, but it c...