css

Why am I seeing different font sizes when printing a page from an IFrame?

I have a simple, table based HTML page with a very simple style sheet. I can open the page in IE7 and FireFox 3 and it looks exactly the same. I can print the page from both browsers and it looks exactly the same. We'll call the page "ProblemPage.htm" Now, inside an ASP.Net page, I create an IFrame and load that HTML into the IFrame lik...

Tools for coding conventions and analyzing HTML, CSS, Javascript client side code

I use various code checkers for Java development but I haven't used one for HTML,. CSS, Javascript. Do any exist. That flag bad practices or similar tool. ...

Can't float image to the right of text in IE 6

I am trying to create a little growl like div for a site. It works great in Firefox, but not IE6 (haven't tried IE7, but I still need to support IE6). In Firefox: Centered text with image floated to right side of div In IE6: Centered text with image to the left of text. I've tried switching the img and span tag order, but that causes ...

Designing a website for which users can create themes? (ASP.NET/C#)

What is an elegant way to architecture an ASP.NET website in which end-users can create custom themes for their sites through a user interface? Would ASP.NET themes help me here? Should the UI allow users to write guided CSS files to disc and apply those? Any suggestions are welcome. Thank you in advance. ...

Table row height in Internet Explorer

I have the following table: <table> <tr> <td style="height: 7px; width: 7px"> A1 </td> <td style="height: 7px"> B1 </td> <td style="height: 7px; width: 7px"> C1 </td> </tr> <tr> <td style="width: 7px"> A2 </td> <td> B2 </td> <td style="width: 7px"> C2 </td> </tr> <tr> ...

CSS formatting of radiobuttons

Given the following HTML fragment: <span name="foo" class="foo-class"> <input name="foo" value="0" id="foo2_0" type="radio"> <label for="foo2_0">The Server Side</label> <input name="foo" value="1" id="foo2_1" type="radio"> <label for="foo2_1">Java Lobby</label> <input name="foo" value="2" id="foo2_2" type="radio"> <lab...

Which font-family spec do you use that looks great on mac AND windows?

Arial on windows looks bad, but on mac it's cool. What font-family set do you use in your website do help both mac and windows with a nice looking font? ...

Select Box not in line in IE

Ok, didn't really want to ask this question as it should be quite a simple solution, but I've spent hours trying to resolve it to no avail. I have a web page with a text box, and then a select drop down next to each other. In Firefox and chrome they line up fine next to each other, but in IE the select box sits higher than the text box. ...

.net Ajax calendarExtender cuts of saturday's in IE7 (works fine in firefox)

I was having this problem in IE7 where the saturdays appear to be missing from the calendar. It displays fine in Firefox and a few people have suggested that it could be my other stylesheets messing it up so i am now using a custom calendar CSS theme and i'm still having the same problem. Any ideas? is there a known bug with the ajax to...

how to use namespaces in css?

my HTML page contains a div with an id called "main", and i am including another HTML page in to my HTML page, which contains a div with the same id("main"). i need to append a name space to the id("main") of my HTML page. I am including header,footer from another site and including content from my site to that HTML page. If that o...

How can one use scroll bar images?

How can I replace the scrollbar's images using HTML/CSS? I have: scrollbar-base-color: #00acee; scrollbar-dark-shadow-color: #00acee; scrollbar-track-color: #ffffff; scrollbar-face-color: #00acee; scrollbar-shadow-color: #00acee; scrollbar-highlight-color: #00acee; scrollbar-3d-light-color: #00acee; Can I use an image to...

How to change/remove CSS classes definitions at runtime?

I know it is possible to add new CSS classes definitions at runtime through JavaScript. But... How to change/remove CSS classes definitions at runtime? For instance, supose a I have the class below: <style> .menu { font-size: 12px; } </style> What I want is, at runtime, change the the font-size rule of the .menu class, so that every...

How do I test the visual accessibility of web pages under development?

When developing websites, I'd like to be able to quickly switch to "what does this look like to a person with certain types of color blindness?" I've found Visicheck, which will show you approximations of what an image or a public web page will look like. Is there something I could use on my local development before a site goes live? ...

Unexpected leading characters in downloaded CSS

I am developing an ASP.Net web application. Some of my users' browsers are rendering un-styled pages (i.e. it appears that the style sheet is not being used). When I browse to the css file from one of these users' browsers, I see unexpected leading characters. The following example is from a user using IE7 (I too am using IE7, but I...

How do you set the heights of cells in a table that expands to fill the window in IE?

I am trying to construct a simple, one-column layout. I want the top two rows to have smaller, fixed heights. The third row should expand to fill the rest of the page. Here is my current source: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <head> <style type="te...

jQuery UI Datepicker: don't highlight today when it is also selected

I'm using the jQuery datepicker to select dates. It works fine, except there is 1 default behavior that I would like to change. When you select a day, the selected day is highlighted (which I like). The current day is also highlighted, but using a different css style (which I also like). However, if you select the current day, the hi...

CSS spacing issues with Safari?

I have made a list based navigation bar for my newest project and I have added two information bars on each side of the navigation. It is coming out as desired in Firefox and IE but oddly enough Safari is acting up. It is making a large space between the navigation bar and the right side information bar. CSS body{ background-color...

Certain elements display smaller in Safari on Mac?

After fiddling around with an issue I am having I have come to this conclusion: my list Elements are displaying smaller in Safari on my Macbook than they are on Safari on my PC. IE, and Firefox are displaying properly also. What might be causing this difference? It is hindering my ability to complete this design. www.christopherbier....

auto adjust container <DIV> height to accomodate absolutely positioned child <DIV>s

is there a way to auto adjust container DIV height to accomodate absolutely positioned child DIVs? i'd like to get something like +-----------------------+ | container | | +------+ +------+ | | | chld | | chld | | | | 1 | | 2 | | | | | | | | | +------+ +------+ | | +------+ |...

CSS selector for targeting only immediate children and not other identical descendants

I have nested sortable list that can have items dynamically added or removed and can be nested n-levels deep. On nesting, a new ul element is injected into whatever li element is selected to be the parent. The initial state of the list is something like the following: <ul id="parent"> <li id="One"><a href="" class="listLink"><span c...