css

Does specifying image size in CSS allow the browser to do layout before download is complete?

I've always tried to specify the height and width attributes for img tags in HTML. Not for style reasons, but because the browser then expects the size of the image and can do page layout even before the image has finished downloading. From the HTML spec: The height and width attributes give user agents an idea of the size of an ...

ASP.Net incorrect background image style rendered

Using ASP.Net, I have a server control for which i would like to add the inline css style "background-image:none". However, when i call: writer.AddStyleAttribute("background-image", "none"); The following inline style is generated (and tries to resolve the url "none"): background-image:url(none) Is there a special syntax I can use...

How to align Definition Lists in IE6 ?

I'm having a major headache trying to align some and elements in ie6. It looks fine in ie7 and firefox but the dt elements don't appear in ie6. can anyone help? here is the code.. <div id="listMembers"> <h3>Members</h3> <dl class="myDL"> <dt>Name</dt> <dd>John Smith</dd> <dt>Address<...

overflow-x AND Middle Mouse Button Moving

My Page is 980px in Width, but I have a few design elements (which belong with the background). I positioned them with position: absolute;. This creates a horizontal scrollbar for those who have a =< 1024 resolution. I disabled that scrollbar with overflow-x:hidden on (and for IE7 and etc). However, when I hold my middle mouse button,...

Strange IE7 behaviors(or not)

I see no reason why this shouldn't work in all browsers, here is my css for anchor tag : .myButton{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #D8DFEA !important; color:#3B5998; cursor:pointer; font-size:20px; padding:10px; } Here is how it looks in IE7 : And here is how it looks in other browsers : HTML is noth...

jquery manipulate a tags with .css()

I need to change the font color of a div with the id name "nav" to white. I did: $("#nav").css("color","white"); This works for all the text that isn't wrapped in < a > tags but I need those changed too. I tried adding: $("a").css("color","white"); But that doesn't work. I also tried: var changeAColor = document.getElementsByTag...

CSS .Hover Image Loading Slow

I have a submit button that changes when the user hovers his mouse over it. Right now the image is taking a while to load and you get a half second where there is white screen instead of the other button. Is there anyway to improve this using just CSS and HTML or do I need to do some JS work? ...

Javascript incapable of getting element's max-height via element.style.maxHeight

I am making a simple accordion menu in javascript. I'd like to be able to set the compact and expanded heights for the elements via the css max-height and min-height values. For some reason, when I try to retrieve the min-height and max-height of the elements in javascript for animation purposes, I get an empty string rather than, for in...

How to use css to change <pre> font size

pre{font-family:cursive;font-style:italic;font-size:xxx-small} How to change pre font size? ...

CSS breaks in Explorer

This Wordpress site works fine in Firefox and Safari. However viewing in Explorer 7 (don't care about 6) breaks the header/navigation area. Weirdly enough, refreshing the page fixes the alignment issue, but then hides the header. http://anothersideof.me Any suggestions would be greatly appreciated. ...

iframe height adjustment

Is there a way to set the height of the iframe to be the same as the height of its source? I am trying to a) Avoid scrollbars and b) Avoid using fixed height in px Thank you. :) ...

Is there a method to include CSS background images in print?

Is there a method to include CSS background images in print? If i use image replace techniques for (which is considered as a best practice) Logo then logo doesn't come in print. and many places in site CSS background is saving bandwidth and my time both. but client is asking to include many things in print also. And many places wher...

best practice for Jquery plugin implementation and resource locations

This is probably a very basic question, but I seem to have issues plugging in jquery plug-ins. The issue seems to be around the location of the script, css and images and ensuring the css has the correct url to the images. The standard plug-in has the following folder structure (eg : JPicker) js css images My project is asp.net mv...

Can a stylesheet for handhelds skip loading images

I have a stylesheet for desktops, and another for handhelds. The web page displays some images when displayed on the desktop, but hides those images when displayed on handhelds. The page appears as designed for both desktops and handhelds. When I check the server logs, I find that the handheld is actually still loading the images, jus...

Changing all CSS styles with a property via Jquery

On a page I include some css eg: <style type='test/css'> .myBox{ color:#000000; border:#FFFFFF; padding:4px; } .myBox2{ color:#000000; border:#FFFFFF; padding:4px; } </style> I want to then change the "color" property set within both myBox and myBox2 in jquery, without knowing the actual name (myBox, myBox2) of the css style. In other...

jquery - select and change property of all elements with css("color") of a certain value

How can I find all elements on a page which have a color of "blue"? alert($("* [color=blue]").attr("id")); The above example does not work. Please recognize that color is a CSS attribute. I'm certain it is possible I just cannot figure out the correct method to do so. ...

Jquery and CSS switching - is this possible?

I build a css file using PHP which allows me to easily customize the color of many elements. Is it possible for me to "rebuild" the stylesheet and apply it to the page in the DOM using Jquery? eg. <?php if (isset($_POST['mycolor'])){ $myColor = $_POST['mycolor']; } else { $myColor = "blue"; } ?> <style type='text/css'> .style1{ ...

Dropdown menu disappears in IE7

A weird problem with a dropdown menu in IE7: http://screenr.com/SNM The dropdown disappears when the mouse moves to a part that hovers above other layers. The HTML structure looks like this: <div class="header"> <ul class="nav> <li><a href="">item</a> <ul><li><a href="">sub-item</a></li></ul> </li> </ul> </div><!-- /heade...

how can i disable a tag?

is there any way, to disable a tag? i want to disable the menu's lik, if it is already set (something like disabled = "disabled"). i can remove a at all by php, but i have styled it already, so i want to save it, only disable. is it possible? thanks ...

Sources for iPad web programming?

Anyone got some good references for targeting web content to the iPad web browser? i know its still very early days but I havent got any good indicator on how to setup CSS to fix iphone/ipod touch versus the larger screen of the iPad? or do I just consider it to be like safari on the bigger Macs ...