Hey. We're building a large ASP.NET website, and have hired an external firm to do the design (CSS + protoype pages). In fitting the design to the page, we've found a number of problems that indicate ASP.NET's workings were never considered. My question is - Is there a common standard (that should be) used by design firms creating what w...
Is there a way to have two columns, that match each other in height, without using table cells, fixed heights or Javascript? Using a TABLE <table> <tr> <td style="background:#F00;"> This is a column </td> <td style="background:#FF0;"> This is a column<br /> That isn't the ...
This is not to be confused with "How to tell if a DOM element is visible?" I want to determine if a given DOM element is visible on the page. E.g. if the element is a child of a parent which has display:none; set, then it won't be visible. (This has nothing to do with whether the element is in the viewport or not) I could iterate thro...
Hi All, I keep finding that if I have nested divs inside each other, and one of the inner ones is floated, the outer one won't expand around it. Example: <div style='background-color:red; '> asdfasdf <div style='float:left; background-color:blue; width:400px; height:400px;'> asdfasdfasdfasdfasdfasdfasdf<br /> a...
My main browsers (FF and Chrome) are both configured for a 12 point font. In both browsers the font picker shows a font preview, and in both they are the same size and a comfortable size for reading web sites. My IE doesn't allow me to set font size, but seems to default to something a little bit larger than Chrome. On my personal web...
Hello, The code I have pasted below is meant to display images on the middle 2 links without text and go back to text on the reset and fourth link. I have set display:none for the span tag only, but it does nothing. Is there anyway to do what I am after simply, without using a framework? edit: example <html> <head> <style...
I have a number of heroshot images, that have a modal popup when clicked. I'm trying to get my cursor to turn into magnifying glass whenever it is moved over the image. The following CSS does not appear to work even though my magnify.cur is present in the right location. a.heroshot img { cursor:url(/img/magnify.cur), pointer; } Has ...
I'm using the Belltown theme in a sharepoint portal and there are some styles that I want to change change in the Belltown stylesheet. I thought that I could just edit the theme.css file located at: C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES\BELLTOWN and restart the web server, but the styl...
Is there any way to "dock" a Silverlight control to the browser window? For example, I'd like to have an HTML header at the top of a page and then have the Silverlight control take up precisely the rest of the window, neatly resizing whenever the window is resized. The default page Visual Studio creates uses styles with 100% widths and ...
I don't know why this bothers me so much, but when I create websites, I always try to do all my styling with CSS. However one thing I always have to remember to do when I'm working with tables is add cellspacing="0" and cellpadding="0" Why is there not a CSS property to override these antiquated HTML 4 attributes? ...
[Meta-note:] I was browsing the question page, getting really tired of "DIVS vs Tables" "When to use tables vs DIVS" "Are Divs better than Tables" "Tables versus CSS" and all the questions that ask THE SAME THING OMG PEOPLE but I would like to see all the ways people tackle the translation of the canonical example of "why you should give...
When I include an image as an <img> tag as well as a background image on a DOM element, the browser sometimes makes two requests for the same image. This also sometimes happens when using the hover pseudo-property. For example: <html> <head> <style> div{ background: transparent url(/img/stuff.png) no-repeat; } div:...
I have a html div layered on top of an interactive flash movie, but when the mouse moves over the div, it can't interact with the flash (the view changes as the mouse moves or is clicked). Is there a way to have the flash recieve the mouse movements and clicks but leaving the html visible? I can't modify the flash SWF file. Edit: To ma...
Has anyone seen this before - and can anything be done about it? This link is to a PNG screen shot of a list display in IE - if you look closely, the line height of each element is getting a little bigger for each successive item. The web site look is entirely controlled by CSS. Screen Shot It's not a huge deal, but it sure is weird....
How can I control cellpadding and cellspacing in a CSS stylesheet to obtain the same effect as when putting the attributes on the table tag? ...
I'm making a web application and I got the design for it from a sub-contracted design company. The design is pretty nice, I like it, but I've stumbled across one thing I'm not sure how to implement nicely. The thing is - they've redesigned the looks of buttons to match the page style. So now I have two images - button up and button down...
Hi I'm using System.Net.Mail to send some HTML formatted emails. What is the correct method for inserting css into the email message? I know I can apply formatting to each item, but I'ld rather use style sheets.. EDIT I should have mentioned that this is for an internal application, and I expect 99% of users to be using Outlook or oth...
Hello, I am trying to generate a html page with css that works as an image preview kind of thing. An example of this is here: http://www.nomorepasting.com/getpaste.php?pasteid=22463 however this approach has several drawbacks. One of which is the text must always be smaller than the images. I tried using a different attempt here: htt...
A few quick searches discovered that I'm obviously not the first person to have the thought "Can I unit test my CSS?". I'm wondering if anyone here has taken on CSS Unit Testing successfully? If you've tried and failed, or just have your own theories, please tell me why it (apparently) hasn't been done yet? ...
In the following, I'd like to alter the CSS such that the right-sibling is truly centered in the container div. (Edit: without using absolute positioning). <html> <head> <style type='text/css'> #container { width: 500px; } #left-sibling { float: left; } #right-sibling { text-a...