Basically I want the column widths on a table to ignore the size of the data. Excess data can be cutoff. Right now it is stretching the width of my columns even though I'm using table-layout:fixed. My expected behavior works in IE6 and 7 but not in anything else. Further if I remove my DTD then it will work just fine in IE8 but still not...
I have instructions from a graphic designer for a layout that specifies "track 100" for some elements. In CSS letter-spacing is the equivalent property for "tracking". Given a value for tracking, how do you express this as a value for CSS in pixels? ...
I work in a mixed environment with both Java and .NET. I'm looking for a CSS Metaframework that will allow for constants/variables that will be compatible with both Java and .NET. It looks like LESS has implementations for both, but they appear to be in beta or don't like they're really ready for primetime. I've considered just writin...
I have an absolutely positioned element at the bottom of a container element. The problem is that the content of the container changes dynamically (javascript). In FF it still works fine, but IE7 (didn't test any others) seems to calculate the position of the element relative to the top of the container on page loading, and then doesn't ...
hi css: .listingContainer { margin:auto; overflow:hidden; padding:0 0 16px 16px; width:660px; } .listingItem { float:left; margin:0 2% 3% 3%; min-height:250px; width:44.999%; } html: <div class="listingContainer"> <div class="listingItem"> <p>Some Content</p> </div> <div class="listin...
I want to be able to show information (HTML basically) over an image when the mouse rolls over the image... I know there is a .hover() jQuery function but am unsure how to use it to get the desired effect. Ideally when a user hovers over an image it would "grey out" (e.g. layer of 50% opacity black) with some HTML like a title etc etc. ...
hi i want to design a theme for postnuke cms. and want to use css condition in the template files. postnuke use smarty tag like <!--[if $n eq ''] -->....<!--[/if]--> so when i use <!--[if lt IE 7]>....<![endif]--> it gives some errors about tags. what can i do? ...
OK, I have a ton of controls on my page that I need to individually place. I need to set a margin here, a padding there, etc. None of these particular styles that I want to apply will be applied to more than control. What is the bets practice for determining at which level the style is placed, etc? OK, my choices are 1) External CSS ...
I have this in my CSS: div#headwrap ul li a[href*="dev"] {background: #034769}; div#headwrap ul li a[href*="music"] {background: #A61300}; div#headwrap ul li a[href*="opinion"] {background: #b2d81e}; div#headwrap ul li a[href*="work"] {background: #ffc340}; So, my expected behavior is that where a link (a) within a list item ...
I want to create a table where each row has an expandable details row. See the below simplified example code. Upon clicking a row in the visible table, the corresponding row from the hidden table should be cloned and inserted below the clicked row -- thus creating an expanded row effect. A second click removes the details row. The probl...
Rather than having a bunch of links that are all different sizes, I want all of my tags to be the same size. However, my goal is to minimize the amount of space required to make the cloud, aka minimizing the number of lines used. Take this example: Looks like any normal tag cloud. However, look at all that extra space around the 'rou...
When I set the opacity of an element ( filter:alpha(opacity=50); ) then the margin of the element to the right of it goes to 0, and butts right up against the element for some reason. This doesn't happen when setting opacity on firefox or chrome, but does happen on IE7. Anyone know how to fix this? ...
Here is my code. Where you see "alert([...]);", an alert pops up. Why doesn't the CSS style change? The 'click' event doesn't fire either! resolveSideMenuAddress: function () { var firstLink = $("#masterHeaderMenu .masterHeaderMenuButton a:first"); function select(link) { alert('i alert'); link.css({ ...
in my projects i use em for sizing of font only with body {62.5%}? with this method i can easily calculate em value. so what are pros and cons if i use em sizing unit for width, height, padding, margin, line-height, even for inline images also along with font for fixed width layouts? ...
Hi, chrome browser showing this: Browser Incompatible Please Use Mozilla Firefox 3.2 above OR IE 8.0 above for website http://test.theartness.com/... I didn't understand what causing this error. i checked char encoding etc etc. everything.. I have seen in http://web-sniffer.net/ , it seems server sending that response for netscap...
is there any way to use "hover" attribute for all html elements instead of just '' in IE? for example 'li:hover' . it doesn't work in IE6 . (i don't know about other versions of IE). Edited: i just want to do it with CSS no javascript. it is a simple menu. ...
latest jquery 1.4.2 downloaded from jquery.com comes with Sizzle.js also. How and what benefit i can take from included Sizzle.js? Is Sizzle.js a standalone library? Why it's included inside jquery library, for what purpose? /*! * jQuery JavaScript Library v1.4.2 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licens...
In every design tool or art principle I've heard of, relationships are a central theme. By relationships I mean the thing you can do in Adobe Illustrator to specify that the height of one shape is equal to half the height of another. You cannot express this information in CSS. CSS hard-codes all values. Using a language like LESS tha...
I've been experimenting with the canvas tag and Javascript. I've made a page that takes Tweets from the Twitter public timeline and animates them into view. It works by using a canvas element in the background for the animation. When the animation is complete, it creates a div element with the same text over the top. I do this so that th...
I deisgned more than 10 sites, still i had a doubt in mind of 'Whats the correct unit I should use'. Whether it is px, or em or %. Plz guide me to right direction EDIT 1: FOR LAYOUTS (Especially for container boxes) ...