css

What is the best way to handle style tags when loading HTML with AJAX in IE 6 or 7?

Our AJAX framework works such that it sends back a snippet of HTML that might contain a tag. We then take that snippet of HTML and set it to be the innerHTML of an element. In IE 6/7 it appears to ignore the tags and so the returned HTML isn't styled properly. I'm wondering if other people have run into similar problems, and if so, ...

How can I align images on my MySpace page?

I want to put pictures at the top of my myspace page above the ad on my band profile. I can put one picture up just fine, but when I try to put pictures on top of one another they just overlap each other. I would like to do something like this. Any tips for how I can fix this? I used: <style type="text/css"> body { background...

CSS 2.1 compliant HTML to Microsoft Word conversion?

I've found a superb HTML to PDF converter in Prince XML. Now I'm looking for something of similar quality to produce Word documents from HTML + CSS. This is on PHP/Linux. ...

Debugging CSS issues in IE7?

I need to debug some annoying CSS issues on IE7, I have the Internet Explorer Developer Toolbar installed. It is having trouble resolving all of the styles that are being applied. I am also using Firebug lite, it is helpful but way too basic. Debugging this stuff in Firefox is not an option due to the poor design of this intranet web...

replacing one MYSQL record with another

here the issue .... I have a php programme to read and display the contents (4 text fields) of a MYSQL database, but these records are displayed sequentially down the page. What I hope to do is read a record and display the text, have a little timer to pause and then display the next record in the same location on the page. Like a slid...

Alignment Problem with IE

I am using blueprint CSS framework for my webpage and now I am facing alignment problem with IE browser..it works okay with mozilla. Can anyone help me in this please? ...

Hide text using css

I have a tag in my html like this: <h1>My Website Title Here</h1> Using css I want to replace the text with my actual logo. I've got the logo there no problem via resizing the tag and putting a background image in via css. However, I can't figure out how to get rid of the text. I've seen it done before basically by pushing the text of...

Centered UL won't expand horizontally in FF/Opera (works in Safari, IE6/7/8)

I have a centered ul (styled like a table ala cssplay) that is having li elements added to it after page render, and it seems to work beautifully in everything but FF and Opera. The desired effect is to have the row of li elements centered even if there's only one or two of them. This example simulates the issue with jQuery adding an li...

How do I create email with css and images from Rails?

How do you create and send emails from Rails application, that contain images and proper formatting? like the ones you get from facebook and like. ...

css icon height issue

I want to have a standard method of formatting "Show More" links in my HTML pages. In HTML I use: <span class="showMore">Show more details</span> Then in the css, I have: .showMore {color: #0E4B82; padding-left: 18px; background:url("images/icons/add.png") no-repeat 0px 0px;} .showMore:hover {color:#F5891D; cursor: pointer; } wher...

Problem with getting desired print layout with Float (in print stylesheet)

I have a page with multiple charts in a grid like format as follows: [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] Each chart is displayed in a wrapper with "float:left" and the div the charts are in has "overflow: auto". This gives the desired layout wrapping the charts to screen width: The problem ...

making a constant heading - css problem

I have an AJAX application which has used CSS divs to create panels on the screen, which are loaded separately and in succession, depending on what was loaded before it. The bottom "panel" is a table showing a list or records from a database. At the top of the database is the name of the table, and I would like a way to have it be always...

css problem with constant heading

I am trying to have a table header, in a seperate div stay in place while a div undernearth is able to scroll al arge list of records. Both divs are in a div named Layer 3. Hereis the css file I am using: #Layer3 { position:absolute; width: 89%; height: 40%; left: 10%; top: 56%; background-color: #f1ffff; ...

Margin ( or padding not sure ) problem in Chrome/Safari

Heres my link ( BE WARNED, its got autoplay audio - sorry...!) link text Its not the usual 'looks fine in FF but bad in IE' problem :) It looks fine in IE6/7 Firefox, but in Chrome & Safari it has big problems with what looks like either margin/padding, or positioning. ( That narrows it down eh? ) If you have a look you'll see what I...

Trouble Layering in CSS

Hi, I'm trying to layer some elements using z-index and it's not working at all. Here's the CSS: ul.ui-tabs-nav {list-style:none; float:left; display:block;padding:0; margin:6px 0px 0px 0px; width:85px; } ul.ui-tabs-nav li {padding:0px 7px; height:64px; background:url(/templates/gspm_home/images/tab_bak.gif) top left no-rep...

css div not being recognized

Hello, I have the following css code: #Layer3 { position:absolute; width: 89%; height: 40%; left: 10%; top: 56%; background-color: #f1ffff; } #Layer3 h1 { font-size: medium; color: #000033; text-decoration: none; text-align: center; } .tableheader { border-width:10px; border-style:solid; } .tablecontent { height: 95%; ...

The IE Fieldset Background Color Bleed Bug

Setup: I have an HTML page with a fieldset element. The background color of the fieldset element is different from the background of the page. The border of the fieldset has a slightly darker color that the background. Problem: In Firefox only the area inside the border has the specified background color. In IE7 t...

Does IE & Firefox have a div width limit?

In short, I'm trying to make a weather scroller that will display the weather horizontally for about 50 cities. The issue I'm having is that both IE and FF are making 2-3 lines worth of cities while Chrome keeps it in a nice horizontal line. So Chrome has 1 line scrolling with the weather and IE+FF have 2-3. I've pasted my current code ...

What is the best way to style alternating rows in a table?

Obviously, the actual style of the odd/even rows will be done via a CSS class, but what is the best way to "attach" the class to the rows? Is is better to put it in the markup, or is it better to do it via client-side javascript? Which is better and why? For simplicity's sake, lets assume that this is a large table, 100 rows, and that ...

Vertical Wrapping in HTML

I'm looking for a good way to do a vertical wrap. My goal is to fit a list of checkboxes into a div. I have the checkboxes sorted alphabetically, and I want the list to flow from the top of the div to the bottom and then begin again in a new column when they reach the bottom. Right now, I can do this by breaking the list into chunks o...