css

CSS and SEO Question

Hello, I am currently building a webiste for a client whereby I am using CSS for the menu (not javascript). For the rollovers, have a background image that contains the regular state and the rollover. an example code is: <a id="foo" href="bar.php" ><span>BAR</span></a> I hide the <span> and use the background image instead. My Quest...

rendering thousands of thumbnails table vs div vs span

So my current code using tables to render thumbnails. when the page is resized, I use javascript to recalculate the number of rows and reinsert the cells into the correct columns. This works fine for 100 thumbnails but is kind of slow when displaying 3000 thumbnails. So I've looked at how bing displays its thumbnails and it appears to ...

Undo reset on subscript and superscript tags in CSS

Hi, We use a CSS reset file that names every element from html to p to img, etc. and resets the margins, heights, sizes, etc. A pretty standard reset file. However, a client noticed that their <sub> and <sup> tags were not appearing as subscript and superscript should. So, I removed the and tag references from the reset file in hop...

Flash movie rendering on top of dhtml menu

How should one go about placing a flash movie beneath a dhtml menu? On the following page: http://bit.ly/aZai8 , the flash movie appears on top of the dhtml drop down menus in Internet Explorer. This does not seem to be an issue in more civilized browsers. ...

CSS + IE 6 = Background-Image is not showing (and pulling hair out)

I have a web page. This web page looks correct in IE 7, 8 FF 2, 3, 3.5 Safari 3, 4 Opera 9, 10 and Chrome. Essentially everything except IE 6. The layout even looks fine. The only thing that is not working as expected is that none of the background-images are showing properly. Here is the code that I am trying to apply a background ima...

iframes and css conflicts

This is a general question about iframes. When including another full webpage within an iframe, is it possible for the "iframed" site's CSS stylesheet to conflict with the CSS for the outer document? ...

Firefox kills Java applets when out of view

Hiding a Java applet using display: none causes firefox to kill the applet until it is visible again. It also seems to kill the applet if you position the applet out of view ie. position: absolute; left: -9999; Using visibility: hidden; will hide the applet without killing it, but then the applet still takes up space in the layout wh...

CSS alignment problem in IE7

Hi, I've been putting together a drupal Website for a personal project (coffee geek Website about the Rancilio Miss Silvia) and the css is working great in Firefox and Safari but not in IE. In IE the alignment of the central section is totally screwed up and I can't seem to figure out what I'm missing. I'm working off of the Zen theme...

Compress/Deflate @font-face fonts

I am using the @font-face CSS property to load a special font for headings on a website, and I want Apache to send the font compressed to reduce loading time. However, the "AddOutputFilterByType" declaration in Apache 2's deflate module only accepts mime types and, as AFAIK, neither opentype nor truetype have registered mime types. So,...

Set position of page footer using CSS/JS

I've created a standard header, body, footer web page. I want to position the footer to be at the bottom of the viewable browser window when the body is smaller than the height of the window, but at the bottom of the page when the body exceeds the browser height. Any suggestions on how I use CSS (preferably) or JS to accomplish this? ...

float:left and margin-left issue in ie6 and 7

Please have a look at my ieissue pic, http://img230.imageshack.us/i/ieissue.gif/ When I float first div to left and set the second div with margin-left:220px. It is working very well with FF and IE8, yet IE6 and 7 not working at all. My second div collapses and sit right at right bottom of frist div. Here is HTML markup: <ol id="listin...

changing css property of target page on submit

Hey there. I have an aspx page with one form submitting to itself. In the form there are 2 divs with various input fields, text, etc. Div1 is hidden via css by default. There is a submit button which postbacks to same page. How do I get the button to alter the css display value to "block" so div1 is now visible? I can get it to the poi...

how to increase the height dynamically of 2nd div on giving more data in 1st Div

<html xmlns="http://www.w3.org/1999/xhtml"&gt; <head runat="server"> <title>Untitled Page</title> <style type="text/css"> #t2 { width: 87px; top: 49px; left: -566px; } #t1 { width: 87px; } </style> </head> <body> <form id="form...

problem with dissapearing div in IE

I have a site where there is a div with float on the menu and I have a hover property in CSS that changes the border, when I do a mouseout the divs below dissapear. Please click in the poker page and there do mouse out and mouse in Site for casinos Ruleta ...

Width of float no longer shrinks to fit when contents wrap to multiple lines

Here is a test file. Resize the window to be wide enough to hold all four boxes. Notice the container is no wider than the boxes, as intended. Resize the window to be small enough that the boxes are on more than one line. Notice the container is the full width of the page (this is unintended). Why? Is it possible to prevent this in a ...

Is it possible to have an opacified background layer which doesn't opacify its children ?

Let say I've this code : <!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="fr" lang="fr"> <head> <title>Layers Opacity</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...

css for footer text

I'm having a hard time with a simple css snippet for footer text. The footer text must always be at the end of the page and the end of the screen whatever comes later. ...

override definition in css file

I have a css file that defines style for all <p> tags. like this p { ......... } How can I write a <p> in a page where the stylesheet is included that has default styling? ...

How can I control a dropdown's visible text's position?

Hi all, I have a dropdown that I'm looking to enlarge without effecting the text and ensuring the right hand down arrow remains at the full hieght of the element. I've tried adding padding but this effects the right side: I've tired adding height but I can't vertically align the text: Anyone solved this before? Thanks, Denis ...

CSS + IE 6 = Image caching and padding.

I have a web page. This web page looks correct in IE 7, 8 FF 2, 3, 3.5 Safari 3, 4 Opera 9, 10 and Chrome. Essentially everything except IE 6. The layout even looks fine. There are seemingly two things that are not showing properly. Each list item has a gray vertical line in it. This line moves if I adjust my padding value. I do not w...