css

Turning a DIV into a click-and-drag viewport

Does somebody know an unobtrusive, Prototype or no framework based way to turn a DIV with big content (e.g. a map) into a clickable and draggable "map" container with fixed dimensions, very much like Google Maps? I want to display HTML chunks in a large input form. Those chunks can exceed the space available (Each chunk can have a viewp...

Does the Browser store the calculated coordinates of a div in accessible variables?

Hi Guys, If I have a flowing layout (position: static / relative), does the browser store the calculated coordinates (x,y) of a div in properties which can be accessed? Further, it would suffice if the solution worked with Firefox only. JQuery is unfortunately, not an option. ...

resized image coordinates in html

Hi, I have an image in a html page resized to 400px width with css .cropbox { width: 400px; height : auto; } Also i have a js on that image that let the user select one point of the image. Of course the coordinates are relative on the resized image. How can i get the coordinates relative on the original image? Something like newx = o...

Span inside a or a inside span or doens't matter ?

I want to nest span and a tags. Should I Put <span> inside <a> Put <a> inside <span> It doesn't matter ? ...

Javascript update to HTML table cell (from thousands to millions)

I need to create some javascript on my web report which converts table values to thousands or millions (eg divides or multiplies by 1000). The trouble is that each value is 'clickable' (ie it is wrapped in an anchor tag). Is this possible? <table class="Table" > <thead><tr> <th class="l Header" scope="col">£000s</th> <th class="l ...

Removing all CSS from telerik controls

Hi I'm using Telerik RadControls for ASP.NET and wondered if there was any way to turn off/stop the CSS that is automatically downloaded with the controls. I don't want to remove any of the class names that are applied to the telerik HTML elements, I just want a clean slate so that I can style them exactly how I want. The reaon I ask ...

How to deal with page breaks when printing a large HTML table

I have a project which requires printing a HTML table with many rows. My problem is the way the table is printed over multiple page. It will sometimes cut a row in half, making it unreadable because one half is on the bleeding edge of a page and the remainder is printer on the top of the next page. The only plausible solution I can thi...

sIFR hover issue

I am using an unordered list for navigation and I want to use sIFR in it (I know it is not recommended, but there is no alternative right now). The list items contain a div which is replaced by sIFR. The HTML: <ul class="topnav"> <li class="category"> <div> <a href="#" title="Home">Home</a> </div> ...

What is Logically and semantically correct, A-grade browsers compatible and W3C valid way to clear float?

What is Logically correct and W3C valid way to clear float? zoom:1 is not valid by W3C and IE8 don't have hash layout problem overflow:hidden and overflow:hidden were not made to do this,as the spec intended overflow to be used <div class="clear"/> is not semantically correct and i don't want to add extra markup. clearfix hack generat...

Liquid Layout with fixed width left hand menu

Possible Duplicate: 3 and 2 column full screen (width & height) layouts (CSS) What is the simplest, CSS-only, Cross-browser way to achieve the following CSS Layout: A left hand menu DIV with a fixed Pixel width (e.g. 200px). next to that, a content DIV filling the whole remaining area. I have done this before with things li...

HTML <br /> inside a Select Box

I would like to know if there is anyway I can divide an item on two line inside a select box. One of the values of my select box is two long to fit in my div. ...

Windows 7 rendering web pages differently than XP or Vista

Since switching to Windows 7, we've noticed that several of our web pages have slight differences. It mostly shows when looking at form elements (text inputs & submit buttons). They are slightly larger/smaller by a few pixels. This seems to be browser independent - we get the same rendering issues using IE8, FF3.5, and Chrome in Windows ...

Font Rendering between Mozilla and webkit

I'm not sure if this has anything to do with the recent Safari update, but I'm beginning to notice this a lot. There is a drastic difference in the way each browser is rendering fonts. for instance, I took screenshots of what I am seeing here on stackoverflow... http://twitpic.com/q43eh I have verified that this is a trend via my co-wo...

Best way to define CSS styles for mobile devices?

Any guidance on how best to define CSS styles in a web page that's intended for mobile devices? Is it best to use an external stylesheet and reference it in the <head> element using a <link> tag, or is it better to dump the CSS styles directly into the page via a <style> tag? I presume that the benefit of having the CSS styles directly ...

How to remove odd border from value part of input element in Safari?

If you have a look at this pic - http://twitpic.com/q0a6p - you can see a strange issue with an outline around the text element of a input tag in a form. (on the right, it is being inspected by Safari's web inspector). The background is the image of the button. The problem only occurs in Safari. FF and IE is fine. Does anyone have any id...

jQuery UI Slide Effect Problems

I'm redesigning my company website and we're going pretty effects-heavy with jQuery, Flash, etc. So far I haven't had much of a problem doing any of this, but two minor issues keep cropping up and I've had nothing but success after asking people here, so here goes: Development page in question: (URL removed) First Issue Click on the...

Get CSS setting in JavaScript

Suppose I have a table in a web page: <table><th id='th1'></th></table> Then I define the CSS in the header: #th1 {width: 100%;} The question is, how to get the CSS width using JavaScript? I tried width, style.width, and jQuery("#th1").css("width"), but neither of them give me the result of '100%'. ...

need the "IT" removed from the SH - CSS not behaving - I'm still very green - help please

GRRRR.... I've got this page at: http://winteradagency.com/Arvin/advantages/advantages.htm It's not showing the #content div and it's not obeying the margin-top=20px on the container div. I've used a scalable background using a .bg class. It still works in IE^. The main page is up and running and looks pretty good. Just take out eve...

Which browsers support data URIs and since which version?

Which browsers support data URIs (RFC 2397) and since which version? ...

CSS form layout question

I have the following element on my form: <li> <label class="fixed" for="Interests">Program genre interests:</label> <label for="Sports"><%=Html.CheckBox("Sports")%>Sports</label> <label for="Comedy"><%=Html.CheckBox("Comedy")%>Comedy</label> <label for="News"><%=Html.CheckBox("News")%>News</label> <label for="Drama">...