position: fixed without using doctype in IE
How can we fix an element in HTML page without using <!doctype>? Thanks in advance ...
css
IE6 input box doesn't work. How to fix?
OK, Little background information here: I have narrowed down the problem, but can't determine what the fix is. In IE6 the input box won't allow me to use my mouse to select it. Please go here to see the problem: http://www.malahatautoparts.com/business-application/ The problems stems from an IE6 fix for the css background. #main{ ba...
disable css classes using jquery just like with firebug, is it possible ?
I get the effect that I want using firebug; I disable this: .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color:#030303; } (actually I only need to disable .ui-state-highlight a {color:#030303}) how could I do this using jquery ? ...
What things should be taken point if we have to use unknown user css file
Hi guys, I am thinking to let the users upload a css file and control the colour scheme and other things of the site as per their own configuration. So before building it i would like to know what things i should take care? ...
Possible to put a hidden DIV right after the BODY tag to display text to Search Engines?
I have a website which requires javascript enabled to be functioning properly. So this made me put a <noscript> tag right after the <body> tag inside a DIV: <noscript><div align="center" style="border:solid; margin:5px; padding:5px; font-weight:bold; background-color:#F00;" width="800px">You don't have javascript enabled. Please enabl...
How can I change background images and text on navigation menu link when it’s selected
How can I change background images and text on navigation menu link when it’s selected When the user clicks on one of the navigation links, the text will change color and background image will changed too. The user should stay on the same page. It’s working in static files on my machine, but it doesn’t work when I post it online. ...
Force cache thru header for dynamic generated JS/CSS files not working for all browsers
I have a lot of JS and CSS files for my site. In order to minimize connection requests from browsers, I join them in a single php file. I'm using header parameters to force the files to BE cached. Here is how I do for the JS case (CSS is exactly the same way): <?php ob_start("ob_gzhandler"); $expires= 60 * 60 * 24 * 14; header('Pragma: ...
Styling disabled <select> (dropdown boxes) in HTML
One of our customers has a hard time reading the grey text in disabled control in our web-based application: We would like to change the style to a light grey background and a black text. Unfortunately, most browsers (including IE, which is what the customer is using) ignore the color: ... CSS attribute on disabled controls, so we can...
How to make custom script into Jquery like plugin
I have writtern a script to limit the number of characters in the textarea, and the code is here <script> function limitchar(charcount, counterId, msgId) { var tex = document.getElementById(msgId).value; var len = tex.length; if(len > charcount) { alert("Content Limit Exceeded"); tex ...
How can I position a modal box out of the browser in HTML ?
I want to position a modal box (position: absolute) out of browser, but I can't get it work. It would be cool to position modal box on secondary monitor (if user has one, of course). Hey, this one keeps me frustrating :/ ...
How to get rid of the selection box around my selection
Howdy, I'm trying to create a website for myself and just ran into this issue: As you can see there is some kind of selection visible in both images which I don't want to be displayed. The first image is taken after I clicked the menu item. The second image is taken after the first when I additionally move the mouse over it. These ...
css 3 images in td
I'm having trouble adding 3 images to a table cell in css and was wondering if anyone could help me to figure out what I'm doing wrong. Here is what I have: css .Example { background-image:url("image1.gif"),url("image2.gif"),url("image3.gif"); background-position: top left, top center, top right; background-repeat: no...
IE 6 JQuery toggle class bug! Help!
While developing a new site I stop periodically and test all new functionality in IE6. It's a pain but we can't drop support yet. I have hit a problem with JQuerys toogleClass function. I have a css styled <button> that toggles between a plus and a minus image when clicked. This works on all browsers expect IE6. $('#searchForm #togg...
Fixed width div stays centered even when browser width < div width
How do I center a div in a browser so it stays centered even when I make the browser width smaller than the div width? I am currently using this: BODY { text-align: center; } #wrapper { width: 1000px; margin-left: auto; margin-right: auto; } But the left side of my browser blocks the div when I resize. ...
Absolute position is not working
Hi, I'm trying to place a div with id 'absPos' in absolute position in relation to its parent div. But it is not working, the div is placed at the top left corner of the page. My code sample is as follows <html> <body> <div style="padding-left: 50px;"> <div style="height: 100px"> Some contents ...
CSS Rounded Corner Div
i have been googling for roundec cornerner css div.. but found very cluttered stuff.. some are still using for images of rounded corners and placing them on four corners... can somedoby help with with a simple CSS code for this... or can it be attained with jQuery ...
Float divs with variable heights (arrange)
Hello! I'm having a simple problem concerning the arrangement of floating divs with variables heights. The goal: http://i.imgur.com/yngM5.jpg The result: see below, can't post more than one link - I just have div containers with css float: left; and no height defined. The first red circle indicated that my technique fails, althou...
Losing MouseUp event if releasing not over the same element
I have got a problem with a slider. When i grab the handler, i change the .src of the image, just to change its color. However, i want it to change back to the original color when i release the mouse button. I have tried two things. 1) Changing it back on the handler mouseup event: this works only if i release the button over the handle...
Add gradient to select box w/ CSS3 in chrome?
I'm try to render a gradient background on some form elements. While it works fine for text and text areas, the same does not seem to work for selects in Chrome/Safari (though it does work on FF3) . Is there a way to accomplish this? CSS code: .prettyform input, .prettyform textarea, .prettyform select { padding: 9p...
Inline heading with background color using @font-face - not working on Mac in either Safari or FF
I have an inline heading (h1) with a background-color on the heading, but on Mac OS in both safari and Firefox it does not seem to stretch around the font. With a websafe font it works fine. Line height is set according to the font-size. Any suggestions? See visual expamle: http://www.flickr.com/photos/hegerokenes/5038724235/ @font-f...