We are using Defusion.org.uk's Image Cropper UI. It's working fine on all versions of IE/Firefox/Safari, with ONE exception... one machine that I tried it on tonight shows a white area where the transparent crop area should be displayed. Strangely enough, we've tried this on other machines running the same (most recent) version of IE 8...
I have a navigation bar on my webpage with links to different pages. Is there an easy way to automatically set the class on the navigation element corresponding to the current page? For instance, I want the "About Us" tab on the bar to have a different style if you're currently viewing the "About Us" page. I know I could rig up some P...
I have a fixed-width DIV that I want to remain at the bottom of the browser's viewport. Unfortunately, I haven't a clue where I would even begin to try to implement this. Obviously the first thing to do is set position to fixed. But beyond that... no clue. ...
Hi All I used a padding-left in selet list <select style="padding-left:15px"> <option>male></option> <option>female></option> </select> its working fine in FF but not in safari and ie Then I have tried a text-indent in it <select style="width:258px;text-indent:15px;"> <option>male></option> <option>female></option> </select> ...
Hi all, We have a project that will need to work in IE6,7,8. I'm not that experienced with stylesheets, however I know there are various ways to load stylesheets depending on browser type. My question is, is it possible to have a Master stylesheet that all of the browsers will use and then import an additional one that overwrites vari...
Hi All, I m using typeface.js to convert my font to specific volta regular font in my web site but it gets blury when i increased a resolution please tell me how to do it sharp at any resolution code: (function() { var _typeface_js = { faces: {}, loadFace: function(typefaceData) { var familyName = typefaceData.familyName.to...
Hi, I am new to CSS and web programming. I am fiddling with a menu to do some changes. The example that I am following is here: http://www.cssplay.co.uk/menus/snowstorm.html The menu is working fine of FF/Chrome/Safari. On IE 6 it's broken. Here is the complete code in html format including css and menu itself: <!DOCTYPE html PUBLIC...
Is it possible to have a contiguous link, where the text is normally underlined on mouse hover, but in the middle have a section (eg an image) without this underline? This does not work: <a href="#">one <span style="text-decoration:none;">two</span> <img src="img.png" style="border:0px; text-decoration:none;"> three</a> ...
Hi forum, I have two head-scratchers here: #1- IE8 not seeming to like my javascript; #2- a CSS alignment issue in all IE6 & 7s. Thanks so much for the various suggestions (to use javascript) on my last question - really helpful. I have been able to get the double nested behaviour of the CSS-only page (see team.html in Firefox when you...
Using this code firefox 3.5.9 will display input text in the top part of the input field. Safari and Opera will center it. How do I make Firefox align the text like the other two browsers? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-t...
Hi, Hoping that someone could help this is a really simple css setting that I know exists I just cat remember it. I have 3 divs (1,2 and 3). That are set to float left so they all flow one after the other on a page. They are all 20px wide. What I want to do is make div 3 ignore the 20px width that the div 2 would create. So that div 1 ...
.body_c { scrollbar-face-color:#408bc4; scrollbar-shadow-color:#afefff; scrollbar-highlight-color:#afefff; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#006399; scrollbar-track-color:#bfd3e6; scrollbar-arrow-color:#FFFFFF; margin-top:0; margin-left:0; margin-right:0; } I am using this class for coloring scrollb...
Hi All, Is there any code or site which will provide me a source code for custom select I want to use a image in in place of default dropdown icon.. Thanks ...
here's a live example http://bit.ly/9JgNmN tested in IE7, firefox, safari, chrome in windows 7 seems to be centered but in osX the banner is off! any ideas? p.s.here is the original of the example that i have modified: css-tricks.com/examples/InfoGrid/ Thank you Will ...
Using selenium-rc and the java client, I want to test a menu which opens when the user moves the mouse over it. It closes when the mouse leaves the menu. This is done using :hover css, without any javascript. In selenium, there are many methods for mouse actions, but none of them seems to trigger any css :hover style to be used. Googl...
Hello all I am trying to work with CSS Sprites for my webapp. Here is my web layout.. <div id="container"> <div id="header" /> <!-- part of CSS sprite --><br /> <div id="content" /> <!-- repeats vertically, separate image --> <br /> <div id="separator"> <!-- part of CSS sprite --><br /> <div id="footer"> <!-- part of CSS sprite...
This must be the most frequently occurring issue in my life! I have to position a fixed DIV (800px) inside a 100% DIV and as always it works fine in everything but IE. I have tried the old "text-align" trick but nothing this time, I just can't get it to work. If you want to inspect the actual page its www.chunkydesign.com and any answ...
My problem is that in some screen resolutions the list items are not in the center of the div while the ul is centered. Does anyone know a solution? Thanks! <ul class="news-grid"> <li></li> <li></li> </ul> $(function() { $('#buttons a').click(function(e) { $.get( $(this).attr('href'), function(data) { ...
Hi. I need to create a round navigation system, similar to the round nav button on an iPod Touch (see image here: http://www.flickr.com/photos/37476174@N06/4668497237/). It needs to be JavaScript-based (not Flash). It would have different menu items around the dial. It also needs to be small (around 300px in diameter). Does such a JavaS...
I'm trying to shrink the caption box to fit its text content. Here's what I have: Here's what I'm after: The usual methods of float, display:inline/inline-block/table all cause variants of the following: in which the caption is broken out of the flow and becomes treated as a child element of the table's box. The table code is ...