css

HTML / CSS: How to make the content follow the footer?

My problem is that I need a footer which is always on the bottom, even if the page scrolls etc.. but I don't know how to make the content follow the footer. Please see the example given, this is a very similar layout, I have a sidebar also, but you can see with firebug, or something like that, that the body div is not following the foot...

firefox image link style problems (see pics)

I have some funky Firefox issues going on... Here is what my web page looks like in Chrome/Safari: http://grab.by/5ok9 Here is what my web page looks like in Firefox: http://grab.by/5oke It's applying some undesirable styling on my 2 image links. Anyone know why and how to turn this off (the ugly purple box)? Thanks... ...

ASP.NET MVC 2 validation: Easy way to add CSS class to element on error?

I'm using ASP.NET MVC 2 and using Microsoft's beautiful new 'DataAnnotations' to provide some validation hints for my model. I can get the validation messages to display... but here's the rub: I'd like to add a CSS class to a specific div when there is a validation error involving a specific field. I figure I can brute force this by...

chrome does not respect display property

Is there any particular reason why chrome does not respect "display:inline" when it's used on "<table>" and is there a known workaround? Everything works fine in firefox but for some reason chrome refuses to do the right thing when I type <table style="display:inline;"> table stuff </table> firefox alignment: chrome alignment: ...

Using jQuery how to get click coordinates on the target element

I have the following event handler for my html element jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); I need to find the position of the mouse on the #seek-bar at the time of clicking. I would have thought the above code should work, but it gives incorrect result ...

Table border affecting cell size

Can anyone tell me why when I place border=1 on a table is fixes its layout? This is the problem: I wrote some JavaScript that makes me an org chart. If I place a border around the tables that make the chart, everything lines up perfectly. If I remove the borders, some of the lines vary wildly (and seemingly randomly) in width. You will...

How to absolutely position dynamic .js script in container and deallocate its space for use by next div

for example lets say i have the html <div id="container"> <div id="js-widget"> <script src"xxxyyyzzz" type="text/javascript"></script> </div> <div id=something-else1"></div> <div id=something-else2"></div> </div> what i need is js-widget to float right and something-else1 and something-else2 to start at js-widget's original posit...

Wordpress motion theme

Right now I'm trying to modify the motion theme for Wordpress. As of now I'm not sure if it's the theme are the wordpress app that is highlighting my tables on a mouseover. I was wondering if anybody had any idea how to remove the table highlighting mouse over feature in a wordpress app using the Motion theme. ...

Simile Timeline - Floating Dates

We are trying to integrate the Simile Timeline (http://www.simile-widgets.org/timeline/) into a SalesForce.com powered page. The business is, apartment bookings. The calendar will display the bookings against the related apartments. The apartments appear on a separate div on the left hand side and is fixed. We may run into really long...

Using font in Web ...

Can anyone tell me how to unify the font I use in all browsers in different operating systems ?? ...

How to silently hide "Image not found" icon when src source image is not found

Do you know how to hide the classic “Image not found” icon from a rendered HTML page when an image file is not found? Is it feasible with JavaScript\jQuery\CSS? ...

CSS: Not overwrite but reset to "normal"

Hi guys I'm working on a website, and I stumbled on a issue I've been thinking about some time now. Somewhere in the CSS-file I defined "Left: 12px" but afterwards some class'es overlap. I want to set "right: 25px" on the same object. But then I have to eliminate the "left"... If this was a background, I could set it to "none", and th...

margin-top under a floated div css

I have a div under a float:right div. For some reason, the top margin cannot be applied to the first div. here is the css #over{ width:80%; float:right; color:#e68200; } #under{ clear:both; background:url(../images/anazitisi.png) no-repeat; margin:10px auto; /*does not work!!!*/ width:95px; height:20px; } does ...

designing list with CSS

Hi all, i am looking for a way to prevent a horizontal, inline unordered list from breaking into seperate lines once contained inside a element with specific width (shorter than the list). the element has "overflow" set to "hidden". the only way i found to create that effect is by giving a specific width to the "UL" element but now, ...

color IE fallback for rgba() does not work

Why the following fallback for IE color: red; does not work ? In IE7, the color is black rather than red. Live demo here HTML: <div> <span>Hello</span> </div> CSS: div { width: 200px; height: 100px; background-color: blue; text-align: center; } span { font-size: 2em; color: red; color: rgba(250, 250, ...

grey out whole screen including scrollbar

i want to create a grey out as that of gmail when we try to upload an exe. the grey out screen should cover the whole screen even the scrollbars, the scrollbars should be visible through it but disabled how this can be achieved using javascript and css please dont tell me to set the overflow of body to hidden. ...

Image rollover flicker using images via css in Safari

Hi, I have a fairly image heavy site and have image rollovers (:hover) on a lot of images on the page. The page loads but the rollovers images take longer to load and cause a flickering when the user intially rolls over the image. I know that this issue has been disscussed many times however I have not found an appropriate solution that...

How does display:none; effect css for mobile devices?

If we have hidden some stuff using display:none; for example: images , will it still be downloaded by rendering engine? If yes, does that mean while opening the same web page in mobile, it's going to be unnecessary extra weight to download? This can further mean that modifying the same webpage for mobile can be a bad idea. Please advice...

Weird Firefox overflow/float behavior

Hello there! I have a simple layout which works fine in Chrome, Safari even Opera too (OS X). The surprise for me here is Firefox. (IE and Win not tested yet). The problem is fieldset.ownerbox isn't floating in Firefox. (The two semi-transparent fieldset below the pie-chart) CSS rules applied here: #owners { position: relative; width...

text-decoration doesn't work on a button element in Firefox, workaround?

I've got a simple button with a single css-style, like this: <button style="text-decoration:underline">That's a button</button> Firebug tells me in the computed styles tab that indeed text-decoration is set to underline. However the Button-text is not underlined, why not? Obviously it's an issue with Firefox (3.6), since Chrome and IE...