css

Is it possible to "remove" styling from HTML elements?

I'm wondering if it's possible to restore an element's style to it's "default" state, with Javascript or otherwise. I need to do this because I'm inserting HTML into 3rd party web pages and cannot control what styles they attribute to different elements. For instance, they may have: div { margin: 10px; padding: 5px; line-height:...

jQuery-UI Datepicker CSS problem

Hi, I've got this pretty simple HTML page with a jQuery datepicker: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> <title>jQuery Datepicker</title> <link rel="stylesheet" href="../App_Themes/D...

Browser Caching of CSS files

Quick question regarding CSS and the browser. I tried searching SO and found some similar posts, but nothing definitive. I use one or two CSS files in my web projects. These are referenced in the HEAD of my web pages. Once I hit one of my pages, does the CSS get cached so that it's not re-downloaded with each request? I hope so. Do IE, ...

Hiding SPAN Overflow

Hello, I am trying to create a combobox style widget (jquery-ui compatible) andcurrently I am trying to get the static layout of the box sorted. The problem is when I have long text in the value area of the select it doesn't clip in Firefox (it actually wraps). I don't want this and tried various combinations overflow:hidden white-spac...

Internet Explorer CSS Line Height For MusiSync Font

I'm trying to use the MusiSync font to embed a sharp and flat symbol in a line of text. In order to keep these symbols from being tiny I have to make their point size twice the size of the rest of the text. Unfortunately, this messes up the line height in Internet Explorer and I cannot find a way to control it. You can download the MusiS...

Overriding !important style using Javascript

Title pretty much sums it up. The external style sheet has the following code: td.EvenRow a{ display: none !important; } I have tried using: element.style.display = "inline"; and element.style.display = "inline !important"; but neither works. Is it possible to override an !important style using javascript. This is for a grea...

Css layout help - Multiline address

I'm trying to display an address right aligned in the footer of my page like this: 1234 south east Main St. Nowhere, ID 45445 (555) 555-5555 in my markup I have this: <address> 1234 south east Main St. Nowhere, Id 45445 (555) 555-5555 </address> How can I get this to layout prope...

Should <br /> and <hr /> be avoided at all costs in web design?

I continuously find places where I need to use the <br /> tag because CSS can't do what I need. Isn't the <br /> considered part of the "design" and not part of document structure? What is the acceptable usage for it? Should the same rules also apply to the <hr />? Here is an example of where I feel forced to use the <br /> tag: I want...

What are the best-practices for making a website accesibility-friendly?

I'm looking for best-practices for designing a site that with accessibility in mind. The site is going to have a lot of older and less-abled individuals visiting it, and I want to make it as friendly for them as possible. Is there a resource that describes all the right tags, and attributes to use? Thanks! ...

Testing a website for cross-browser/multiple-version support

This is a multipart question: Is there a tool that let's me view my site in all the major browsers along with different versions of each? If I have to actually download and install the different versions, where can I find them all? What's the oldest browser I should support within reason? Thanks! ...

Css layout help - 3 column footer

I'm trying to get the footer in my site to look like this: Wilgrove Baptist Church Home | About | Ministries 1234 S. Main st. John G. Smith, Sr. Pastor Contact Us | Site Map somwhere, ID 55555 My problem is getting it laid out into the 3 columns. Any suggestions? Thanks! ...

Why is <td> shrinking when I set child element to "width:80%" ?

I have a table where one of the left column shrinks when I set the nested element's style to width:80%. The column shrinks and truncates the input elements right edge. You can see what I'm talking about by removing the style from the input element. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...

Table cell height in terms of font size with CSS

I have a table (a calendar, notably). I want to make the calendar not look ugly when nothing is written in for any of the dates, so I want the minimum size of a cell to be equal to four times the font height. (That is, if I have a calendar row with nothing in it, and a calendar row with four lines of text, I want them to be the same size...

Place Radio Button Label Above Using CSS

I need the ability to place the labels for radio buttons above the selections, and not to the left or the right. Is there a way to use CSS that would give this effect? THanks! ...

Simulators/emulators for mobile browser testing?

I'm doing development of a web application aimed at mobile devices. What software can I use to simulate/emulate mobile browser environments? I'm specifically looking for a way to test on Mobile Safari, the Android browser, mobile Opera, Mobile IE, the Blackberry Browser and any other common platform I'm missing. Note: I am using Windo...

Change background color of menu based on menu selection

I have a horizontal css menu with 5 items. e.g 1) Home 2) Users 3) Category 4) Products 5) Contact When "home" is selected the background color (via css) of the entire menu div (id="topmenu") is blue. I want the background color of the div to change to say green when "users" is selected and say purple when "category" is selected. How...

Dropdown menu not working in IE6 or IE7 works fine in Firefox

HI all, I'm stuck with a menu on a site I develop. http://charlienutting.com If you hover over the gallery at the top menu bar it should show you a drop down menu. It works fine in Firefox but sucks in IE6 and IE7. Really thankful if someone can help. been about week now to fix this.. Thanks everyone! edit- however if you can see th...

How come Firefox can't read an image path with a space when placed inside css?

For example, something like this rule in a css div.something { background-image: url(http://i2.photobucket.com/albums/y24/5609903697/Beyond Birthday/BB39.jpg); } won't work in FF but will in IE because there is a space between "Beyond" and "Birthday". I know the solution is to either not have a space or put %20%, but just wondering wh...

Minimizing use of explicit padding style attributes

I am finding I'm writing a lot of code that looks like this: <div id="leftCol"> <div style="padding-top:10px"> <asp:Image ID="imgRazor1" ImageUrl="http://www.example.com/dynimg.aspx?imageKey=XXX" runat="server" /> </div> <div style="padding-top:10px"> ...

How to know the ordinal position of an ItemTemplate

Need to add styles (class="bBot") to the first ItemTemplate item, how do I know it's the first? <asp:Repeater id="ArticlesRepeater" runat="server"> <HeaderTemplate> <div class="FR boxW380"> <div class="cnt mag"> <div class="FR"> <a href="#">Subscribe</a> &#160;...