css

jQuery - Animate element that has children absolutely positioned outside it - blinking

Hi there, Forgive me if this has been addressed before, couldn't find anything. I am animating a content bar that that has children absolutely positioned outside it (via negative margins). The idea is that the children will animate with the bar as it expands. What happens is as soon as the animation starts the children disappear, and...

Positioning Issue...

I have this issue that's not allowing me to absolutely position a footer. I place it and It appears with like 5px margin in IE a lot of margin in Firefox and perfectly in Chrome...I really don't know why this happens...here's the HTML: <p>In posuere dapibus mauris, et elementum magna rhoncus quis. Morbi ultricies malesuada magna, vel po...

IE6 PNG transparency fix for images being used with rotate.php

Hi , I am using the standard rotate.php script to rotate the header images in my website (drupal 6.10). However the images being used have a transparent background which gets rendered as a dull blue in IE6. I have tried using PNG fix : twinhelix.com , have used modules pngfix and pngbehave .. but to no avail. The website is : [http://ww...

CSS Reduction Tool

Hi all, I was wondering whether anyone knows of any tools available that perform the task of analyzing one or more CSS files, determining the similarity between the various rules within the files and presenting the user with options for the merging and reduction of rulesets. I ask this because a project I am working on has reached the p...

Inline Elements With Width

This question seems to be asked freqeuently over the internet but I still can't find a solution. I have this navigation bar (It switches between tabs using jQuery) which displays inline. I'm showing a background image on these and to make them more definitive I need to make them wider and higher. <div id="tabs"> <ul id="tabs-nav-cont">...

Odd Internet Explorer 7 bug; not calculating padding on links correctly

It would appear that I am suffering from a new bug in IE7, as I can't seem to find any reference to it anywhere else. It is best explained using screenshots, so here are a couple of links (and as a note, it's not a requirement for it to work in IE6, so I don't even want to know what it looks like under that!): How it should be displayed...

setStyle in Prototype doesn't appear to be functioning as intended?

http://i44.tinypic.com/b69h1h.jpg Take a look at the above image, especially the Firebug window. Now have a look here: http://i40.tinypic.com/v2z4up.jpg Has anyone noticed that my JS isn't working? This code was working when I wrote it and let it sit individually, but now that I've integrated it into a site, it appears that the vote ...

I've got a trouble in css and jcarousel lite

I had this HTML code like that: <ul> <li> <div class="Items"> <div class="WrapImage"> <div class="caption-right"> <span class="icon1"></span> <a class="time" href="">4:03</a> </div> <div class="Images"> <img src="/images/images/rightColumnImg.gif" /> </div> </div> <div class="text"> <a href="">A good clips you should click to see</a> <p...

Align Checkbox inside a <div>

Hi, I seem to be having a strange problem wich I cant fully understand. This is my html: <div class="menu"> Por favor seleccione os conteúdos: <br/> <br/> <br/> Nome: <input name="Nome" class="checkbox" type="checkbox" value="Nome" checked /> <br/> <br/> Data: <input name="Data" class="checkbox" type="checkbox" value="Data" checked />...

Can WinForms and XAML not benefit from the same logic as CSS?

Can WinForms and XAML not benefit from the same logic as CSS? It occured to me this morning, as i was browsing some of my unanswered questions on Stackoverflow: If you're not using FlowLayoutPanel or a TableLayoutPanel, to layout controls on your WinForm, you'll be accused of not doing it right. This is in contrast with the (religi...

Nested DIV elements

I am trying to enclose two DIV elements, inner-1 & inner-2, (dotted red border) inside a wrapper DIV (solid green border) but the wrapper DIV element does not expand to enclose the inner DIVs. What am I doing wrong? <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xm...

How to test a CSS parser?

I'm writing a parser to parse CSS. I started by modifying the CSS reference grammar, to use whichever grammar and lexer syntax are supported by the 3rd-party parser generator tool which I'm using. I think that I've finished coding the grammar: the parser-generator is able now to generate state transition tables for/from my grammar. Th...

What is the best way to manage duplicate code in static HTML websites

Hello, I am managing a legacy website with a lot of static HTML websites, no server side scripting, just plain HTML/CSS, minimal javascript. I found it a huge waste of time to change the same piece of code numerous times in different pages. For example, when something in the menu changes, since the menu is just static text in each docum...

How to get div's to load on click not when page loads?

Hello, I am currently building an making my new website. It uses one page and uses a jQuery accordian menu to load the content. The content it split up in six different div's and all load as soon as the page is accessed. I want it to load each div when the link to it is clicked on. To decrease the page loading time. You can see this in...

Smart quotes without "breaking" copy and paste?

I really dislike "smart quotes" for one simple reason - when I copy text containing them, it no longer has the original "" as was typed, instead I end up with Unicode symbols. The smart quotes are a visual improvement, so shouldn't really be "baked into" the text, so.. I was wondering, it is possible to display the smart quotes using CS...

HTML IE specific code

Can I use specific html if the browser is IE? (Assuming FF is the default browser) Foe example: html line 1 if IE html line 2 else html line 2 html line 3 html lin3 4 I am aware of using different CSS, but that won't work for this. Thanks. ...

Localize dates on a browser?

Let's say I have a date that I can represent in a culture-invariant format (ISO 8601). I'll pick July 6, 2009, 3:54 pm UTC time in Paris, a.k.a. 5:54 pm local time in Paris observing daylight savings. 2009-07-06T15:54:12.000+02:00 OK... is there any hidden gem of markup that will tell the browser to convert that string into a loca...

What to do with empty CSS rules?

After some code review I removed unnecessary properties which resulted in empty rules. So I have know something like this: table.foo { } table.foo td.bar { padding: 5px; } Now, what would be the best course of actions about this empty table rule? Remove it or leave it? Is there a requirement to have declaration of parent element...

How to get usage(progress) bar to display properly in IE

<div class="dd"> <div class="blue" style="WIDTH:$s%">$s%</div> <div class="green" style="WIDTH:$v%">$v%</div> <div class="red" style="WIDTH:$g%"><br>$g%</div> </div> In FF the three different elements are displayed on a single status bar, showing the accumulation of the quantities. However, in IE, it's all messed up. I get separate bar...

JQuery "floating" tab like GetSatisfaction

I want to create a tab/widget/thingymajiggy like the feedback-thing in this picture: That behaves like this. I just need to redirect on click, I don't need all the other stuff. I have been unable to find a JQuery plugin, that does this - but maybe I just don't know the correct term. ...And yes, I could just pillage getsatisfaction, ...