css

jQuery hover and class selector.

I wan't to change the background color of a div dynamicly using the following HTML, CSS and javascript. HTML: <div id="menu"> <div class="menuItem"><a href=#>Bla</a></div> <div class="menuItem"><a href=#>Bla</a></div> <div class="menuItem"><a href=#>Bla</a></div> </div> CSS: .menuItem{ display:inline; height:30px; w...

css horizontal navigation spacing

I'm trying to create a horizontal navigation bar in css with 5 evenly spaced links. The html hopefully will remain like this: <div id="footer"> <ul> <li><a href="one.html">One</a></li> <li><a href="two.html">Two</a></li> <li><a href="three.html">Three</a></li> <li><a href="four.html">Four</a></li> <li><a href="five.html">Five...

CSS ul li image to align with text

Hi, I have a CSS like this ul { list-style-image:url(images/bulletArrow.gif); } ul li { background: url(images/hr.gif) no-repeat left bottom; padding: 5px 0 7px 0; } But the bullet image doesn't align properly in IE (it's fine in Firefox). I already have a background image for li, so I can't use the bullet image as a bac...

Poor Safari Rendering

I'm having major rendering issues in Safari with the web application I'm working on. Most of the design is done with divs using absolute positioning. This renders fine on Internet Explorer, Firefox, Chrome, Opera, Netscape, and konqueror. In Safari, it's just a jumbled mess. Does Safari lack support for absolute positioning of div ...

Cancel a CSS declaration

Is it possible to have a CSS rule which basically "undoes" a prior rule? An example: <blockquote> some text <em>more text</em> other text </blockquote> and let's say there's this CSS: blockquote { color: red; } ...but I want the <em> to remain the normal text color (which you may not necessarily know). Basically, would th...

Transparent PNG menu item backgrounds in IE6 with rollovers

Hi I have been trying to do this for what feels like all my life I have a list menu with block display links, each link has a sliding doors png background image. I have used this javascript (http://www.ideashower.com/our_solutions/png-hover/) to implement the alphaimageloader fix for ie6 using a transparent gif. When I test it for the ...

Rewrite this code: clickable divs

I'd like to change this: <a href='foo'> <div> Moo </div> </a> to be standards compliant (you're not supposed to have block elements in inline elements). Wiring javascript to the divs just for navigation seems like a hack and degrades accessibility.. In this case, my requirements are for 2 sets of borders on my fixed-dimension lin...

Allowing the <font> tag to override CSS?

I have some user generated content I'm trying to render on my site. The rich text box editor I'm using renders font changes using <font /> tags, which are overridden by CSS on the page. Does anyone know if there is a way to allow rules defined using the <font /> tag to show through? UPDATE Since changing the control I'm using for my ri...

How can I style XML with CSS for viewing in a browser without first transforming to (X)HTML?

I know that CSS can be used to control the presentation of (X)HTML in modern browsers. I was under the impression that this was possible for arbitrary XML as well. (Am I mistaken?) A concrete example: given the following XML <log> <entry revision="1"> <author>J Random Hacker</author> <message>Some pithy explanation</message>...

Can you style an html radio button to look like a checkbox?

I have an html form that a user will fill out and print. Once printed, these forms will be faxed or mailed to a government agency, and need to look close enough like the original form published by said agency that a government bureaucrat doesn't spot that this is a reproduction. The data entered in the form is not saved anywhere or eve...

CSS/Tables issue on mac

I'm experiencing some problems with CSS and/or tables on my newly redesigned website. Because of the well known "100% div height"-issue, I have resorted to using tables as a structural element of the website. So it looks something like this: HTML MARKUP: <div id="header">...</div> <table> <tr> <td><div id="main">...</div></td> ...

Detecting the system DPI/PPI from JS/CSS?

I'm working on a kind of unique app which needs to generate images at specific resolutions according to the device they are displayed on. So the output is different on a regular Windows browser (96ppi), iPhone (163ppi), Android G1 (180ppi), and other devices. I'm wondering if there's a way to detect this automatically. My initial resear...

How can I make a DIV behave like an IMG for use as a CSS sprite?

I have written code that automatically creates CSS sprites based on the IMG tags in a page and replaces them with DIV's with (what I thought was) appropriate CSS to position the sprite image as a background letting the appropriate part show through -- the problem is that I cannot get DIVs to behave as drop in replacements for IMGs. If...

Are you writing custom pages for iPhone web apps?

I read the tutorials for web applications and the special rules you can put into style sheets. Are folks finding they can just tweak their style sheets to serve up content to iPhones or do they deliver custom iPhone specific pages? would you bother with this if you were going to create a specific page anyway for mobile users ? (even if ...

How do modify the look and feel of a Sharepoint site?

I somehow got lumbered with deploying SharePoint at work. I hate it, even the simplest things seem to be unnecessarily difficult. I've seen a few resources scattered around, but they all seem to stop short of helping me really take control of the css. Can someone point me in the right direction? EDIT I'm not afraid of the css itself...

Float Left 100% height div - gap between divs

Mark Up <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="Zuhaib.test" %> <!-- Put IE into quirks mode --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head runat="server"> ...

List Items turned into float:left blocks look strange in IE6

I have a UL that looks like this: <ul class="popular-pages"> <li><a href="region/us/california/">California</a></li> <li><a href="region/us/michigan/">Michigan</a></li> <li><a href="region/us/missouri/">Missouri</a></li> <li><a href="region/us/new-york/">New York</a></li> <li><a href="region/us/oregon/">Oregon</a></l...

Selecting elements with a certain background color

I want to select a bunch of spans in a div whose CSS contains a particular background color. How do I achieve this? ...

CSS: Div w/ Border Images

What is a good way to set up a single container div with some border images surrounding it (in my case only on the left, bottom, and right sides)? I have it centered at the top of the page, overlapping everything else (so like that OSX-style slide-down dialog). Here's the basic layout: Here's what I've got so far (can I avoid a stati...

Can Tables completely replace any CSS design?

Can this be done? This site wants to.. http://giveupandusetables.com/ The site doesn't set a good example though.. ...