Apparently Internet Explorer (up to version 8 at least) ignores overflow:visible when applying filter (e.g. for opacity), causing anything outside the filtered element to be clipped as if overflow:hidden were used. Are there any workarounds to this behavior ? The sample code below shows how child is clipped by container only its right...
building a website for a touch PC and need to know how to make the cursor disappear completely in opera. Any suggestions? ...
Hi, Would like to implement the following feature using jQuery scrollTo function or some other similar function that will achieve the same result. I am basically going to have a DIV section on my page that will contains about 10 category URL links. For example: div id="categories"> <a href="A">Section A</a> <a href="B">Section B<...
I have two divs floating next to each other, with class name div1 and div2. I use box-shadow to get a nice shadow on both divs. The problem is that I want the shadow from div1 to lay over div2, to get the feeling that div2 is sticking out from behind div1. Now I get the shadow from div2 to be over div1 instead. Hope you understand my pro...
I've got a page of elements, each of which, depending on user interaction, may be animated away by the given function: function slideAndFade(id){ $(id).animate({opacity: 'toggle', width: 'toggle'}, 500); } I want to create a reset function that brings all the elements back onto the page. Running all the elements through the toggl...
I am trying to figure out how to use the dom to access the access keys of each access keyed link and underline the first character of all of the links on the page when the access key is pressed. i.e. when the person presses alt in IE and Chrome all of the first letters of the links underline letting the person know which key to press. ...
I have used the following rule to allow our static domain to host fonts, but I've run into a problem font's not being used by the browser (firefox, safari) when the browser cache is enabled. <Directory "/site/http/web/assets/fonts"> <FilesMatch "\.(eot|otf|woff|ttf)$"> SetEnvIf Origin "^http://(.*)?main-domain.co...
Hello there, I got stuck with solving a seemingly easy issue. http://jsfiddle.net/HAKvN/3/ By clicking the black box beneath the white bubble you're triggering an event causing an alert to be shown. The white bubble represents a div with the red border indicating its boundaries. The bubble is a background image saved as a PNG file wi...
Hi, I got this function to get a cssPath : var cssPath = function (el) { var path = []; while ( (el.nodeName.toLowerCase() != 'html') return path.join(" > "); } console.log(cssPath(document.getElementsByTagName('a')[123])); But i got something like this : html > body > div#div-id > div.site > div.clearfix > ul.choices >...
I've got a small table on one of my pages and I'd like it centered so have coded which works fine in IE but the table still left aligns in Firefox. if i use text-align:center n align:-moz-center its not working in IE What do I need to change to get the table to center in Firefox?n If i should use -moz-center how to make it work in I...
Hi, How can I detect if color of bottom change because css or javascript event when i put mouse on button? My solution that not good enough: create function that will listen to javascript events check with firebug if element have css 'hover' rule Problems in my solution: Can't detect which event happen before css or javascript No...
I want to make my image grow to 1500px in height (and hopefully the width would just automatically re-size itself, if not, I could easily set it too) I was using jquery .animate() but its just too choppy for my liking... I know I can use the : -webkit-transform: scale(2); But I want it to be set to a specific size.. not just double o...
I am trying to create a page with multiple background images, using this CSS code: body { background-image:url(../i/bg_bf.jpg), url(../../../../test.png) ; background-position: top center, bottom left; background-repeat:no-repeat; padding-top:3px; } It works fine with Firefox, but does not show neither images in IE. Any advice? ...
I am trying to emulate this simple layout : _______________________________________ |____header___________________________| | | | | | Blueprint Container | | | | | | | ...
I'm creating a dynamic css stylesheet with php variables in it. I would like to have any code that appears inside the tags color coded as if it was a php file, while everything outside is css color coded. As it is now, everything is color coded for css and the file is .css (I'd like to keep the .css file extension). I'm using Dreamwea...
Hi, could someone answer me, WHY when I set a margin-top to my <div id="logo">, all the others divs are pushed down. And why if a set float:left to my <div id="logo">, everything works fine. Code: <!DOCTYPE html> <html lang="pt-br"> <head> <title>Olá Mundo!</title> <style> /* CSS RESET HERE */ ( http://html5doctor.com/h...
I'm using google translate selects as a reference. When you click to choose the languages the options shows with multiple columns. http://translate.google.com/ How can I do that ? ...
I wonder if there's some way to specify that a page in a frame is to use the style sheet of the parent? Or to specify a style sheet for the frame? Some option on the frameset or frame tag? ...
Hey so I have a list, with some of the items containing other lists. The first level of lists needs to be inline, but any list a level down should be normal list-item. It works better if I show you. This is what I have: However, I want Home Profile Groups Events and Frequencies to all be in one straight line, with any child lists below ...
Why does an html element (such as a div) that has been styled with position: relative; top: -50px; Still force the parent element to have the same size as if the relatively positioned element were not shifted? Let me provide an example (live example found at http://jsbin.com/ohebi4/2/edit) <html> <head> <style> article, asi...