A table that extends onto multiple printed pages will have its thead and tfoot sections reprinted in firefox. This is usually great, however, is there a way to turn off this behavior with CSS? [UPDATE] Thanks for the response so far. I would like to have the tfoot print once at the bottom of the table but not at the end of each page. ...
Is there a better way to do this? I have an HTML helper extension method that checks if the current tab menu is the the selected one and then chooses .selected css class or not. I put the html.IsSelected link in each li as <li class="<%=Html.IsSelected(string a, string b)%>" > where a is the tab name and b is ViewData assigned. i...
Let's say I have the following: <style> .myLabel { color: blue;} .myLabel:hover {color:red;} </style> <div> <img src='myimage.png' /> <span class='myLabel'>Image Label</span> </div> Is it possible to replace the image (also via css) when they hover over the span? If so, how could I do that? ...
I've been using tags in the thead cells for my tables, so I can control where browsers break long words. This works great, but its not XHTML compliant. What is the best alternative to using the wbr tag, that is valid XHTML? Example: <table> <thead> <tr><th>ThisIsAReally<wbr />LongWord<th></tr> </thead> <tbody> <tr><td>...
Is it possible to use Javascript inside CSS? if it is. Can give a simple example? ...
Howdy all. I'd like to know if it's possible to determine what inline styling has been attributed to an HTML element. I do not need to retrieve the value, but rather just detect if it's been set inline or not. For instance, if the HTML were: <div id="foo" style="width: 100px; height: 100px; background: green;"></div> How can I dete...
A while ago I was trying to figure out a way of doing this without using a table layout: <table> <tr><td rowspan="2">Left column</td></tr> <tr><td>Right Top</td><td>Right bottom</td></tr> </table> Eventually I gave up and decided that it's impossible to do without tables (okay, CSS 3 might be able to, but waiting another 5-10 year...
I've got four div elements floated to the left. The third div is cleared. In Firefox and Chrome the elements are positioned as expected: The first and second divs are adjacent to each other and are above the third and fourth divs which are also adjacent to each other. IE7 on the other hand places the fourth div adjacent to the first and ...
I have a "div" with style: overflow-y: scroll; overflow-x: auto; I try to dynamicaly add image inside this "div" with absolute or relative position. Everything seems ok until user tries to scroll the "div" content: image stays in fixed position relative to browser window. This problem seems to be only in IE(7), in firefox everything is f...
I'm looking for the best books about web pages, but for the point of view of a programmer. I'm not looking for examples of good page navigation. I'm more interested into the technical information. For example HTML v3 vs v4 vs v5 (or even v4 vs v4.01). What are the most common meta tags and what do they do in each browsers. Common pitfall...
Yahoo's YUI project has some really great, well tested components that I'm just beginining to integrate to my (fixed width) site. I'm actually very excited - I've been away from consumer oriented site creation for a while and I'm having a lot of fun seeing what has developed in the last few years. Liking YUI component and reset.css so m...
Hello, I am currently having some problems with <li> in IE6 essentially my code looks like this, <ul> <li>some filler text some filler text</li> <li>some filler text some filler text</li> <li>some filler text some filler text</li> </ul> The problem come when I view the page in IE 6 the bullets and the text do not line up as yo...
Would you be aware of any tools(preferably free) or browser plugins that would allow me to easily determine the styling properties of an element on the web page. For example it could be a tool that would import all the styling information from the css files associated with the page and presented it as an in-line styling. Eventually so...
Hello everybody, My task is to compile a norm / best practices especially for XHTML and CSS. Would somebody have some good references ? Thanks. ...
I've just added the Twitter script to my website, and cannot, despite inexpertly consulting firebug, determine how to alter the css to make the feed appear uniform with the other text on my page. The page in question is http://willworth.co.uk/latest.htm Any help would be greatly appreciated Thank you in advance. As I improve, I wi...
Hi all, So I have a DIV that contains some dynamic text. Let's say I know the text and font-size but I don't know the size of the DIV. I'd like the display of the text in the DIV to be intelligent enough to show indentation when text wraps. Say my original text looked something like this: Lorem ipsum dolor sit amet, consectetur ad...
I'm trying to set a column width of a table, which works fine until it gets to the point where child elements would be visually truncated ... then it won't size any smaller. ("visually truncated"-what doesn't fit appears to be hidden behind the next column) Here is some sample code to demonstrate my problem: <!DOCTYPE html PUBLIC "-//...
I am making a CSS file for an XML document. I need to insert an image - the filename of which is contained inside an element. This is part of the xml code I am referring to: <description> <text> Club Praia is divided and linked by a foot bridge over the main street which runs through the heart of Praia Da Rocha.</text> <image...
When I specify a "height" in the style for any element inside of this, IE makes the entire thing 100% width, rather than keeping it "autosized" for width. Other browsers display it fine, but not IE. How do I fix this? <div style="position:absolute;top:50px;left:50px;background:green;"> <div> <div>test</div> <div style="height: 20...
When My ASP.NET page does a postback in IE7, all the CSS is lost. I am not using Themes and are including the CSS from the Masterpage in code behind. protected override void OnLoad(EventArgs e) { base.OnLoad(e); AddStylesheetInclude("/static/css/global.css"); AddStylesheetInclude("/static/css/sifr.css"); } And my code ...