IE6 and IE7 don't scale images nicely in web pages when the images are scaled with css width/height or attribute width/height. I am not sure which algorithm it uses by default, but it's not good. Scaled images display aliasing artifacts when scaled in these browsers. ...
The issue: Some of the items in the select require more than the specified width of 145px in order to display fully. Firefox behavior: clicking on the select reveals the dropdown elements list adjusted to the width of the longest element. IE6 & IE7 behavior: clicking on the select reveals the dropdown elements list restricted to 145px...
I'm trying to understand how CSS sprites improve performance on a site? Why is the downloading of several small images slower than the download of a single image holding the smaller images if the total size of the single image is the sum of the smaller images? ...
How can I position a web page in the middle of the screen? like the pages on stackoverflow web site? I'm writing the masterpage of my website and I want to use HTML and css to position the master page in the middleof the screen and then build the inside positioning block using css. But I can't get my page to be visualized in the middle!...
I have a problem in HTML. I have divided the HTML page into two columns: My code: <div id="outer"> <div id="inner1"> <div id="data1"> </div> <div id="response"> </div> </div> <div id="inner2"> <div id="data2"> </div> </div> </div> My CSS: #outer { background-color:#FFFF99; } #in...
In terms of client-side image caching, is there a difference between the following: **Option #1** <div style="background:url('myimage.jpg');display:none;"></div> and **Option #2** <div id="myimage"></div> style.css #myimage { background:url('myimage.jpg'); display:none; } EDIT: I'm not sure if it matters but the above DI...
Does anyone know a CSS/Javascript technique to display a long html table such that the column headers stay fixed on-screen and the first coloumn stay fixed and scroll with the data. I want to be able to scroll through the contents of the table, but to always be able to see the column headers at the top and the first column on the left. ...
I'm trying to override a few css selectors that are causing problems in IE6 by using the following code inside the head tag in an html file: <!--[if IE 6] <style type="text/css"> @import ("ie6.css"); </style> <![endif]--> This code comes after the main stylesheet loads, and no other stylesheets get loaded after the conditional com...
I am having issues with getting a silverlight control to appear on a page in such a way that it is as wide as the browser but as long as it needs to be. I can't seem to nail down the CSS that enables this. The closest I have gotten is to make the Silverlight control as tall as the browser but no taller. Below is my aspx file: <%@ Page...
I use css style text-align to align contents inside a container in HTML. This works fine while the content is text or the browser is IE. But otherwise it does not work. Also as the name suggests it is used basically to align text. The align property has been deprecated long back. Is there any other way to align contents in html? ...
hi, i'm working on using sIRF for the first time as a way to implement specific typography on a website. it's all working nicely but i have one problem, i want the background to be transparent. i've looked thru the sIRF wiki and im not sure if this is something that is possible.. does anyone know of a way to do this? i have a test pa...
From what I saw, in Firefox and Chrome, the color of the text cursor in an input field changes to the value of the "color" css property. However in IE it has no effect whatsoever. Is there any way to achieve this effect in IE? ...
I have a style for styling <a> elements in list items in a #navigation container. This is working fine. #navigation li a { text-decoration:none; background:#bfe5ff; color:#045e9f; width:125px; height:35px; padding-top:11px; display:block; float:left; margin-left:2px; text-align:center; font-size:18px; font-weight...
I've written this jQuery code that fades in a overlay with some links over an image. What i found out is that it is painfully slow when I add like 10 of these images. I would really appreciate some tips and tricks on how to make this code faster. If you have some tips for my HTML and CSS that would be great too ;) jQuery code $(docume...
I am using Firefox3 on Ubuntu (And I found a bug in SO while at that :-D) The expected behavior is not to see any margin between the DIVs, while a margin is shown, originating from the P margins. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.or...
I'm trying to incorporate Google CSE into my web site. The search works fine. I'm using Nijhof's ASP.NET Google CSE search control on a page in a site using a Master Page. The problem is Google's style's affecting not just the Google search results on the page but also other elements on the page such as my navigation. Google injects the ...
I've got this little snippet of jQuery: $('#showlink').click(function(){ $('#linkwindow').show('fast'); $('#linkwindow input').focus(); } How do I call the focus only after the fade has ended? Sometimes it happens slightly before and I end up with a weird rendering bug. ...
Apologies for this sketch, but seems to convey my question best: +---------------+----------------+-----+ | div | v.div | d | | | | i | +----+----------+----------------+ v | | v | | | | . | ...
OK i downloaded all the files and put them into a directory on m server call "lightbox" when I try to use it on a page, the image pops up on the bottom of the page, not overlapping modal like. I changed the images sources in the lightbox.js file to include the lightbox/ directory. The images in the css file are still relative to the css ...
Hi, On my website, each menu button has it's corners rounded using the dd_roundies library, and has mouseover, mouseout, and onclick handlers assigned via JQuery. The relevant JS code is: $(function(){ // Add an event handler to the menu items that changes the background colour on mouse-over // and reverts it on mouse-out. ...