How do I add a shadow to an entire table using just CSS?
I would like to add a subtle shadow to make my table look raised. Just using CSS, how do I do that? ...
css
Why the CSS style is not applied in webpages within subdirectories?
In the root of my domain i have the CSS file style.css and the masterpage file site.master. The link to the CSS file within the site.master is <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> The problem is that webpages contained within subdirectories do not inherit the CSS file. What am i doing wrong here?...
Javascript animation of CSS classes?
Is it possible to animate the replacement of a class in javascript? Let's consider I have this: .class1 {background-color:blue;} .class2 {background-color:red;} Is there any Javascript library that can ease the change between the two classes? That wouldn't make the user's computer explode? If not, what would be a good way of ach...
How to get the "absolute" position of an html element
Hi guys, I have some elements positioned via CSS this way: #myItem{ position: absolute; left: 50%; margin-left: -350px; } I'd like to get their distance from top and left margin of the page. How can I get those measure with javascript/jquery? Thanks ...
Keep image location and correct flow around
Hello! My problem is: <div style="width: 400px" contenteditable="true"> abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc (...) abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc <img src="pic.jpg" style="display: block" /> abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc (...) abc abc abc abc abc a...
Auto-resize IFrame
Hi All, I really need someone's help on this> I have a little image inside an IFrame that upon being clicked on, will display another image and slide down a little. How can I make the IFrame automatically get bigger or smaller, according to its contents? Thank you so much! *edit After researching this more, I have found quite a few ex...
Tooltip in IE position problems
Hey Everyone, Here is some code I use for a tooltip that hovers above its element so it doesnt popup below and force the user to scroll to see it. It works fine in all browsers except IE. In IE it positions way below the element instead of above it. How can I fix the positioning error with IE? Im stumped. <style type="text/css"> .Too...
Adjusting height of a-tag to outer td
Hey guys, I got the following structure: <td> <a>1. menu</a> <a>2. menu</a> <a>3. menu</a> <a>4. menu</a> </td> Of course, I have classes assigned to the elements. I am trying to adjust the height of those a elements to the outer td, so that the hover effect will fill from top to the bottom. See here: Any idea how I ...
html object tag border issue
I have added an html object tag in my page, it displays the content ok in ff but in IE it also shows up a border. How do I remove it. ...
Element forced outside of container
can you force an element, that is inside a continer, to extend beyond that container? i.e. container{ width:985px; margin:0 auto; } footer{ i need to force this outside of the container } hope that makes sense. ...
IE6 PNG Replace: How to make a nested <a> clickable?
For the purposes of this question, consider this: <div class="has_transparent_png"> <a href="foo.html"> <span> <img src="logo.jpg" /> </span> </a> </div> The Problem: In IE6, the <a> is not clickable. Here's the PNG replace I'm using: .has_transparent_png { background-image: url(images/transpar...
css special IE7 tag
*html .... (IE6) html > body ....(IE7/FF) * html is special tag for IE6. Does IE7 has something too? i need just some small css detail in IE7. Just for IE7 without FF. ...
The inherited height of a child div from a parent with a min-height attribute
I'm sorry if this is an old issue or a known problem, but I haven't been able to find an answer online. If I have the code <style> html, body { height: 100%; width: 100%;} #div1 {height:50%; min-height:200px;background-color:red;} #div2 {height:100%; background-color:black;} </style> <body> <div id="div1"><div id="div2"></di...
ie6 hidden div background image not shown until hover
I have a menu which has links with icons. The icons doesn't show up until i hover over it. The icons are set as background images. When i see in the fiddler the request for the image happens only when i hover over the link HTML: <div style="display:none" id="menu"> <a href="test.htm"><span class="wicon"/>Test</a> </div> CSS: .w...
Resize echo text
I have a page that displays text the user typed in a form before that. If the user types a lot in the form and submits, the page that displays the text has a horizontal scroll bar. How could I make the text automatically do a line break after the text fills the screen? It needs to be 8.5 x 11 so it will print. What should I do to the tex...
Multiple onClick events firing
I have several divs that are nested within each other. Each has it's own onclick event. So, imagine that it's like a sandwich, the bottom layer is bread (this layer is geographically larger than the ones that are nested inside),then there's lettuce and then tomato on top. So, it looks like this: --------------------------- | Bread ...
Unordered list with reset.css
I have included reset.css which is pretty common for most websites that use, on one of the page in my website I have a unordered list and I have a problem knowing what were their defaults. <div class="list"> <ul> <li>Item 1</li> <ul> <li>First item</li> <li>Second item</li> <li>Thi...
IE7 Display issues
A lot of my floats are showing up on a separate line when viewing in IE7 ... in Ffox, chrome, IE8 etc they look fine. The site in question is: http://208.43.52.30 The places where the float is not working are the location for "events near me", "Show" for the show month buttons .. I'll attach some screenshots IE 8: IE 7: ...
Firefox 4 Required input form RED border/outline
I have recently developed an HTML5 jQuery plugin and I'm having trouble removing the red border on required fields in FF4 beta. I noticed that FF applies this border/outline in required fields and removes it when value is set. The problem is that I am using the value attribute to emulate the placeholder attr in older browsers. Therefore...
The impossible CSS layout?
I've been working with this for awhile and I'm pretty sure its unsolvable. Just thought I'd throw it out to find out if someone smarter than I can figure it out (without changing the markup! :) The layout below is a typical tableless css based design with header and footer sandwiched between two columns (content and sidebar) using float...