FireFox Specific CSS
background-color:transparent doesnt work on SELECTs in browsers other than FireFox. So how I specify background-color:transparent for FF alone and background-color:#something for others ? ...
css
Google Calendar iframe width
I have a Google calendar in my web page, inserted via iframe. But some of the events don't fit in the width I gave the iframe - and the width can't be changed. I would like there to be an inner scroll, or that I could play around with the right/left position of the content, but of course I can't apply CSS to the contents of an iframe. D...
change background color with change in mouse position
I was wondering if it is possible to set background-color with help of mouse coordinates. What i have is: I have a DIV-A which is draggable and some other divs which are droppable. What i need is : I need to highlight other divs on my page which are droppable, whenever my DIV-A passes over them. What i have is mouse coordinates, is i...
Can't get @font-face working within a rails app
Is there a default location for where I should be storing the fonts? Within rails I can't get the font to load, whereas with the 'font kit' downloaded from fontsquirrel.com where the font,css and sample html in the same folder will work. this is my css @font-face { font-family: 'RalewayThin'; src: url('fonts/raleway_thin.eot'); src: ur...
position:fixed on element in ie7/8 and problems with the scrolling of the content inside it
I got an element fixed in the center of the screen, having specific dimensions (let's say 500x500). The element has content, which is larger then the height of the element and thus causes scroll bar to appear, which is fine. In FF/WebKit everything works nice. However in IE 7/8 ... content of the fixed element doesn't scroll, or scrolls ...
How to remove margin from last li, in pure CSS with IE 6 support?
In this condition is it possible to not to apply margin-right to last li. I need pure css way and support in IE6 and 7 also and without changing HTML. is there any way to achieve this. ul li {display:inline;margin-right:10px} <ul id="nav"> <li><a href="#nowhere" >Lorem</a></li> <li><a href="#nowhere" >Aliquam</a></li> <li>...
How to write browser related script using jQuery?
How do I target different browsers using jQuery? For example the javascript for IE6 and IE7 needs to be different. TIA ...
How to make a link have the gloved hand mouse when hovering
I have an input form button when you hover your mouse over it the mouse pointer doesn't change orientation. How can I make a link specify to show the gloved mouse finger pointer? ...
Change background colour of individual elements on the fly
Is there a way in CSS or JQuery where I can dynamically change the background of li tags so they get slightly lighter for each element until it gets to white? For example say I had a list of 10 li elements. The first would have a red (#ff0000) background, the next one would then be a lighter shade of red, and so on and so on until we go...
How to disable Cufon on certain elements?
Hiya, I currently use Cufon accross our site with something similar to Cufon.set('fontFamily', 'DIN Medium').replace('h1'); Now for a single H1 tag i would like Cufon to be disabled, this is without changing the H1 tag to any other tag, it must remain as it is. I can add classes etc to the H1 tag if required, and can do any HTML/CSS/JS...
CSS line wrapping
Given a block container <div> this is a very long string which contains a bunch of characters that I want to break at container edges. </div> are there any css properties I can set to force it to break when it reaches the container width, regardless of the contents of the string, for example a break like: this is a ve ry long stri n...
jQuery, Hiding elements on ready is always jumping on page load. how can this be avoided?
This is the code. I can't apply display:none; $(document).ready(function() { $("#LeftNav li.navCatHead").not(":first").siblings("li").hide().end().end().first().addClass("open"); }); ...
background image for input type="button"
i've been trying to change the background image of the input button through css, but it doesn't work. search.html: <body> <form name="myform" class="wrapper"> <input type="text" name="q" onkeyup="showUser()" /> <input type="button" name="button" value="Search" onclick="showUser()" class="button"/> <p> <div id="txtHint"></div>...
How to make GWT RichTextArea transparent under Internet Explorer?
Dear all, By default GWT RichTextArea is transparent against the body background etc, this is true for Firefox, Chrome and Safari. But for Internet Explorer, it is not. Changing the css for like background-color etc doesn't seems to help, it is still giving me a white background within RichTextArea. Need your assistance, thanks in adva...
CSS box around box technique
Dear Experts, I was trying to make an CSS division box with content in it as well as a border around it. Instead of using the box-border technique, I was trying out a new box to box technique instead. <html> <head> <style type="text/css"> #outer{ height: 20px; width: 20px; background-color:#233D78; } #inne...
Text extra aliased(jagged) in IE - looks terrible - but OK in FF and Chrome
I am building a website - http://www.efficaxdevelopment.com As you can see when you load the page(in IE) the text on the page that isn't an image or the menu looks terrible, while in FF and Chrome the text looks fine. you can view the source on the page and the css is here http://www.efficaxdevelopment.com/styles/mainstyle.css Also, ...
In paragraph form field with label underneath
I'd like to have an input box in the middle of a paragraph, with the label in smaller text underneath it. Kind of like: Hello [________________], This is to inform you (Customer Name) that the [____________] you ordered is no longer (Item Name) available. I thought it would be pretty easy to do, but my brain doesn't...
resize div and its content on browser window resize
hi, is it possible to automatically resize div and its content when browser window is resized? i want text not to wrap. i want to adjust image and font size to have the same composition (or layout). is it possible to do it using CSS? thanks Martin ...
Help with a pseudo-class, first-child
I am working on a CMS platform with limited access to the template files and want to try and control some of the layout with pseudo class but no luck yet. Can anyone see what is wrong with this structure and why my pseudo class is being ignored? <div id="main"> <div class="someRandomDiv"></div> <div class="block"> stuff ...
How can I change the CSS visibility style for elements that are not on the screen?
I have a lot of data being placed into a <DIV> with the overflow: auto style. Firefox handles this gracefully but IE becomes very sluggish both when scrolling the div and when executing any Javascript on the page. At first I thought IE just couldn't handle that much data in its DOM, but then I did a simple test where I applied the visi...