css

IE can't handle draggable div with png's?

I'm creating a draggable/resizable menu with all the neccesary links to control the website, a CMS-bar kind of. I'm using some png's to create the background, set with some transparency. It works great in FF, but in IE my png's get transformed after I drag my menu around: Screenshots: http://img.photobucket.com/albums/v739/Alienna/falco...

CSS and JQuery: spaces inside image name break code of url()

Hi, I have a page that is supposed to display a larger version of an image when hovered over a thumbnail. I have a 'div' with an ID and the JQuery code is as following: $(document).ready(function(){ $('img').hover(function() { var src = $("#im" + this.id).attr("src"); $('#viewlarge').css('backgroundImage','url(' + src +')...

The caption with a "tricky" vertical spacing.

There is a picture: How to make this inscription so that: The lines were "separated" - that is between the lines was a gap. Text aligned left. The width of the photo is not fixed, it is floating. The length of the text also not fixed (signatures can be of different lengths). I need crossbrowser-compatible solution. I apologize ...

Is there a selector or a work around to select any element with no children.

Looking at the CSS3 specs, I can't find any way to select any element that has no children. Let me explain. <body> <h1>Main Page</h1> <div id="main"> <div class="post"> <h2>Article 1</h1> <p>some text</p> </div> <div class="post"> <h2>Article 2</h1> <p>some text</p> </div> </div> </body> I'm looking for a CSS s...

How do i use animate() to slide (left-wards or right-wards) the jQuery tabs navigation menu?

Hi, I have a problem. I would like to use the animate() function to slide the navigation menu present jQuery tabs. I am using a fixed width style for the tabs container and the no. of tabs is more than what could be accommodated - hence the extra tabs overflow onto the next line. I would like to put two arrow buttons at both ends of ...

css @font-face not working with firefox, but working with chrome and IE

Ok I've been at this for some time and am now bewildered. The following code works in Google Chrome beta as well as IE 7. However, Firefox seems to have a problem with this. I'm suspecting it to be a problem of how my css files are included, cause i know firefox is not too friendly about cross-domain imports. But this is all just stati...

Measure text size in JavaScript

I want to measure the size of a text in JavaScript. So far this isn't so difficult because I can simply put a temporary invisible div into the DOM tree and check the offsetWidth and offsetHeight. The problem is, I want to do this BEFORE the DOM is ready. Here is a stub: <html> <head> <script type="text/javascript"> var text =...

Vetical and Horizontally Align an image in a box

The problem: I have a set width and height image Lets say height:160px; width:200px; with an image in each box. The image can vary in size but I need a solution that will always center the image vertically and horizontally within the box no matter what it's size. Horizontal doesn't seem to be a problem by using margin: 0 auto but ver...

Struts2 jQuery Plugin Autocompleter renders HTML with style attributes <== changing this?

I'm using the Struts2 jQuery plugin 2.1 and render an autocompleter in my JSP. Here's the code: <s:form id="search-form" action="search" theme="simple"> <s:url id="remoteurl" action="jsonlanguages"/> <div> <sj:autocompleter cssClass="bgstandardelement empty" id="languages" ...

IE6 "frame" layout with 100% height and scrollbars

I want to achieve a simple "frame" layout with fixed header, fixed left navigation area, and a main content area that fills 100% of the remainder of the viewport with scrollbars if necessary. My best attempt is below - but when I add enough content to the main div to force scrolling, I see that the scrollbar extends below the bottom of ...

Display a input type=file over another input type=file

WARNING: Lengthy description coming up! I have written an uploader based upon APC progress uploader for PHP. This works fine and dandy, but the script as a whole (apc etc) is intended to be used only for those with Javascript. To achieve this, I have searched for any input type=file, and replaced these with an absolutely positioned for...

jQuery and Colorbox "Is Not A Function"

Hey you lot, I've been working on integrating Colorbox (a lightbox alternative) into a site. Ok, so my head file is: <head> <script language="javascript" type="text/javascript" src="js/jquery.js"></script></script>- <link type="text/css" media="screen" rel="stylesheet" href="../colorbox/colorbox.css" /> <script type="text/javascript" s...

jQuery accordion - different image for active sections

Hi, I'm using Ryan Stemkoski's "Stupid Simple Jquery Accordion Menu" which is available here: stemkoski.com/stupid-simple-jquery-accordion-menu/ Here is the javascript $(document).ready(function() { //ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING) $('.accordionButton').click(function() { //REMOVE THE ON CLASS...

Flex 4 descendant pseudo selectors with CSS

Flex 4 offers descendant css selectors and pseudo-selectors like: s|DropDownList:open { font-size: 11; } s|DropDownList #labelDisplay { font-size: 12; } However, if I combine these two an wanted to do something like this, it doesn't seem to work: s|DropDownList:open #labelDisplay { font-size: 13; } Is this possible wit...

click and edit css with firefox?

I want to be able to click on a part of a webpage and see the CSS markup. What CSS rules it uses, the class and id etc and be able to edit them live. I have installed firebug and web developer plug-ins, but I don't know how to do this. Thanks. ...

CSS Horizontal sub-menu

Hello, I am working on a horizontal CSS dropdown menu. It is still working nearly fine for IE 7, IE 8 , Firefox and Chrome. But I want to make the top <ul> to be on top level (e.g. z-index: 100). I want this because the top level <ul> has a graphical background and the dropdown is just styled with css and in the current way it is destroy...

show/hide html table columns using css

I want to display a basic html table with controls to toggle showing/hiding of additional columns: <table id="mytable"> <tr> <th>Column 1</th> <th class="col1">1a</th> <th class="col1">1b</th> <th>Column 2</th> <th class="col2">2a</th> <th class="col2">2b</th> </tr> <tr> ...

delete operation - asp.net mvc - general feedback - styling issue

Hi, It is bad practise to perform a delete operation via get request so I have implemented a delete 'post' as asp.net mvc does only support post + get requests (as far as I know). Please note that I try to avoid javascript/jquery where I could easily perform delete requests (even puts). I have placed forms on the page for each delete ...

jQuery .width() and .height() strange behaviour

Why in the following code .height() returns 95 rather than 100, while .width() returns 200 as expected ? I work with Firefox 3.6.3. HTML: <table><tr> <td id="my"></td> </tr></table> <div id="log"></div> CSS: #my { border: 5px solid red; } JS: $("#my").width(200).height(100); $("#log").append("Width = " + $("#my").width() + ...

Font-face embedded fonts look fuzzy in Windows 7 browsers

I'm using a font called Chunk Five and when embedded with font-face, it looks almost unreadable in windows 7 browsers because of the way Windows renders their fonts (it's too fuzzy and thick). I've tried modifying things like font-weight and text-shadow, but they don't have any effect. Is there any way to change this or will I have to re...