css

Different output for IE and the rest

For some reason this class outputs ok in IE but in Firefox the words and the lines ( | ) are not centered: .horz_list li{ display: inline; background-color: #CEE3F8; border-right-style:thin; padding-right: 4px; padding-left: 4px; } This is the page for the output: <div id="top_nav"> <ul c...

<div> layer on top of PDF.

So, the problem I face is like this: I have a layer, which it will be placed on top of a pdf on the page. The PDF is either using to embed, or iframe to include it. However, CSS style doesn't apply on PDF (because it is a plug-in? ). Therefore, even I put z-index:1000 for the , that layer still goes behind the PDF. any idea how to fix ...

Having problems with grabbing image dimensions with jQuery

I'm having a hard time picking up how to grab the dimensions of an element with jQuery. Here is my sample code: $(document).ready(function() { var width = $("#image_1").width(); var height = $("#image_1").height(); document.write(width); document.write(height); }); Now of course I have an image wi...

Hide border on table where no cell exists in Firefox and border-collapse: collapse;

Given the following HTML page a horizontal line appears at the top of the table where the 1st row would have a 2nd and 3rd cell (if they were defined). <html> <head> <Title>Test Page</Title> <style type="text/css"> table { margin:10px 0 10px 0; padding:0; margin: 0 0 0 0; border-collapse: collapse; border: 0; } td...

CSS not working in IE?

Been working on this site for some time now, works perfectly on Mac and PC Firefox, as well as Safari. However, IE is making the site almost blank - any ideas on what is going on? Any workarounds? Thank you in advance for your help! http://www.alliedprintingsolutions.com http://www.alliedprintingsolutions.com/style.css (Stylesheet) ...

Creating a variable-width gradiant fill in CSS

I'm currently building a WordPress theme that I would like to have a header (in the WordPress, not the HTML sense) that fits from corner to corner at the top of the page. Anchoring the far left would be an image that is filled with a solid color on its right side. Anchoring the far right would be an image that is filled with a solid colo...

jQuery - slide right to left?

I would like to have a div go from collapsed to expanded (and vice versa), but do so from right to left. Most everything I see out there is always left to right. ...

How can I print background images in FF or IE?

Is there any way to set ff and ie to print background images? I am using stars image to classify some skills and I set it as a background image and positioning to either set one start, two, three, etc. When I try to print the page the images disappear. So is there any way to make them appear when I print the page or at least have a w...

How can I highlight java code via CSS?

I saw some cool code highlighting that looked like code in Eclipse, however I can't find it. :( Do you know any cool java code highlight css? ...

CSS: Simulating flexible width (without min-width)-

I have a DIV container of 100% width holding x divs. The last child DIV floats right, the rest float left. All child DIV's remain in a line so long as they fit in the bar (all oriented left, except for the last div which sits by itself on the right). If the window is resized smaller and the children don't have enough room, they collapse ...

dpi settings over 96 screw up my site

hi, i noticed when the dpi is set high than 96 to like 120 my site gets messed up using either firefox or ie7. the css basically breaks. anyone know a fix for this? thanks ps the site is http://www.iaddesignandstudio.com thnx ...

How can I make a border-layout using css?

I want to create a border layout for a webapp, where there is a fixed size header and footer, a sidebar and a main center content that expands to fill the remaining space. Think of it like your browser, where the toolbars and statusbar have a fixed size, the sidebar can change size, but the website in the center expands to fill the remai...

How do I get a "central column" effect without a background image?

I am designing a website layout in which all of the content is held in a central column of a fixed width. I want this central column to have a different background color than the rest of the page. I also want the central column to extend from the very top of the browser to the very bottom. I am able to successfully do this using a backg...

css background color disappears with doctype

I'm trying to set background colours on a few different elements in an html page, but whenever I apply a doctype declaration the colours get ignored. Other styles seem unaffected. I'm sure I'm being an idiot. It happens on IE7, FF3 and Chrome. With Strict and Transitional html 4 Doctype. Body and Div backgrounds are affected. A minimal ...

What is a pixel (px) in CSS?

I am reading an ASP.NET book and it refers to CSS files and talks about pixels. But I never understood it from a resolution, layout, etc. point of view. For example, what does the following mean in CSS file definition? #header { padding: 0px; margin: 0px; } ...

CSS to hide INPUT BUTTON value text

I am currently styling an input type='button' element using something like: background-url: url(someimage); color: transparent; background-color: transparent; -the point is i want the button to show as an image, and i want the value-text to NOT display on top of it. This works fine for Firefox as expected. However, on IE6 & IE7 i can ...

IE7 and Firefox 3 Rendering Difference

Here is an outline of a page I'm developing. <?xml version="1.0" encoding="UTF-8"?> <!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" lang="en"> <head> <link rel="stylesheet" href="../css/test.css" /> ...

How to get div height to auto-adjust to background size?

How do I get a div to automatically adjust to the size of the background I set for it without setting a specific height (or min-height) for it? Any help appreciated! ...

DIV collapsing!

I have a few nested divs: <div id="wrapper"> <div id="header"> <!-- a bunch of float divs here --> </div> <div id="body"> <div id="content"> <!-- a bunch of html controls here --> </div> </div> </div> wrapper style: width: 780px; margin: 20px auto; border: solid black 5px; header style: position: relative; ...

Distributing Inline Elements Using CSS

Is there an easy way to distribute inline elements within a parent block container using CSS? Setting margins to auto doesn't work since the margins between inline elements are set to 0 and I don't want to mess around with percentages as the content is dynamic. In particular, I have several anchor elements (a) within a paragraph (p) tha...