css

Change the z index of flash content

Basically my problem is the site I am working on has a horizontal drop down menu and I am implementing a flash chart on the page. When you hover over the menu the items drop down behind the flash chart and are unclickable. Can I get around this somehow? ...

CSS Div stretch 100% page height

I have a navigation bar on the left hand side of my page, and I want it to stretch to 100% of the page height. Not just the height of the viewport, but including the areas hidden until you scroll. I don't want to use javascript to accomplish this. Can it be done in HTML/CSS? ...

css fluid layout with Google Map

I've been working on a layout for a site recently and have gotten stuck with the CSS. I like to think that I could follow the simple tutorials for a 2 column footer layout, but I keep getting stuck with the content of one of the columns. The two column design would be left-side fluid Google Map and right side fixed width sidebar. I have...

Problem with PNG image on top of an image in CSS?

I am using a jQuery content rotator and I want to place a PNG image on top of a image and on top of that text. This is how my rotator looks like in HTML: <div id="testimonials"> <div class="slides"> <div class = "testimonialContainer"> <div class ="leesmeer"> <a href ="http://site/link"&gt;&lt;img src ="http://site/a...

"word-wrap" an LI within a UL

Hi guys, I'd like to wrap some text onto the next line that I have held in an LI - the wrapping needs to be done dynamically so I'm looking towards CSS I want it to look something like this: <ul> <li> normal sized </li> <li> big massive long one that i'd like to wrap to the next line like below </li> <li> the result that ...

simple HTML problem

I am using HTML. I have divided the page into two columns: inner1 and inner2. Inner1 has some data, it does not have the problem it has in column1. Inner2 has a problem: since Inner2 is divided into two rows [in the same column2] point2- It has variable data[row -1] another_new - It has fixed data[row-2] HTML: <div id="oute...

Blogger layout problem

This is my blog: http://laschavasdeflickr.blogspot.com As you can see there is a grey line (#bbbbbb) there that its not on the edge, I am going crazy trying to fix it since I change the width of the post column. If someone can point me what I am doing wrong I will appreciate it. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html P...

How can I set a css ":hover" on a DOM created element in JavaScript?

I'm using the DOM to manage a JSON response from an AJAX function I'm running. The script I'm writing needs to be completely portable, so I am defining the styles for the created elements on the fly (meaning, no linking to an external CSS, and no providing CSS in the HTML doc itself, because I won't have control of the doc). I'd like to...

Why is my DIV smaller than its contents?

I'm trying to modify the Simple jQuery Slideshow published by Jonathan Raasch. It cycles through all images fading from each to the next. His example works with fixed-size images. I want it to instead work with images sized to a percentage width of the browser window. This works with fixed-size images... #slideshow { ... h...

How to generate CSS markup for non-designers

Ok, I've been tasked to port/convert/upgrade a site at work from table based layout to CSS based layout. The site is very typical, it has a header, navigation bar (width of header), left column, main column, followed by a footer. One problem is our corporate web standard is IE6. We are rumored to deploy IE7 soon, but currently, IE6 i...

Alternative to radio inputs

I'm trying to make a system which asks users to specify what kind of content they are submitting, using PNG icons to represent each type. Ideally, what I'd like is a group of three buttons (with images on them) which behave like radio buttons - the user can use arrow keys to switch between them, they are treated as one group, etcetera. H...

How do I make an HTML table column squish as tightly as possible? (Or, grow as much as possible?)

I've got a table like this: <table border=1 style="width: 100%"> <tbody> <tr> <td> squish this one </td> <td> expand this one </td> </tr> </tbody> </table> I'd like the left column to be as narrow as possible, and the right column to take up the rest of the screen. Is this possible? ...

Top Encountered CSS Bugs/Issues

Please list CSS bugs/issues you encounter and how to solve them or a link to a site that solves them. Please vote on what bugs you think people will encounter the most. Thanks! ...

Dynamic UI styling/theming

I'm doing a e-commerce type of website, and it has a CMS wherein the admin user could create themes and change current theme design. I use jquery. the style/theme properties are stored in database and retrieved to an xml. and i use jquery to manipulate the CSS properties of the page using the xml's properties.. is this the practical w...

CSS Cell Margin

In my HTML document, I have a table with two columns and multiple rows. How can I increase the space in between the first and second column with css? I've tried applying "margin-right: 10px;" to each of the cells on the left hand side, but to no effect. ...

Rotating table header text with CSS transforms

This looks like it should be possible with the following: .verticalText { /* IE-only DX filter */ writing-mode: tb-rl; filter: flipv fliph; /* Safari/Chrome function */ -webkit-transform: rotate(270deg); /* works in latest FX builds */ -moz-transform: rotate(270deg); } This works in IE. It goes wro...

What is a reliable way of doing sidenotes in HTML?

I publish a lot of text online, and even wrote a system to format HTML for me. Now, I have a problem: I want to make sidenotes in HTML pages just like books have. Just to explain, sidenotes are those notes in the margins right next to the main body text. Does anyone know of a good, reliable way to do them -- preferably with plain CSS ra...

Webkit browsers not displaying background image / padding?

Hi, We're having a problem with our website at www.tonerize.com, in regards to the blue menu at the top center of the page. In IE / Firefox / Most browsers, the menu displays correctly and has a background image. However, in Webkit based browsers (Chrome, Safari, etc), the menu doesn't have a background and it seems like the padding is...

My logo works in Firefox but not IE

Hi My logo, which I'm referencing in my external css style sheet is working fine in Firefox, but does not appear to work in internet explorer: below is the code I'm using: #header { width: 760px; float: left; background-color: #fff; } #header h1 { float: left; font-size: 1em; text-indent:-9999px;...

Why does a:hover get overriden in CSS?

If I have this CSS: a:link { color: blue; } a:hover { color: red; } #someID a:link { color: black; } Links under the ID always appears in black on hover. I'm aware that using an ID gives a higher priority, however, I'm not overriding the :hover selector, only the :link selector, so shouldn't the hover display in red? ...