Webmaster Forum / HTML, CSS, Scripts / CSS / June 2006

I have a little problem with a stylesheet. It doesn't seem possible to
resolve it but one never knows :)
In CSS, is it possible to differentiate the two <span> in these
conditions :

I have troubles with a css styled form: I cannot make an upload field
staying into a fixed column , say 100 pixels wide.
It could be enough to have the file browse button below the upload
field, however I do not know how to do that.

Dear NG-Readers,
It's me again on my long road to perfection. I would like to center
the copy text between the two large arrows vertically when there is
not enough text to fill "copy"-div. It should then look like here:

please, in this line,
    background no-repeat 1% 49%;
what do 1% and 49% refer to?
thank you...

Can anybody help me with my CSS navigation.  I want it to appear on one
line - horizontally, but the menu items are displayed under one
another?
Any ideas from my code where I am going wrong?

As I understand it, most browser manufacturers have agreed on 16px for their
default font size.
So, this should be an accurate conversion for percentages:
px     %

I'm sure I've got this working before, but I always forget how to do it,
because CSS isn't intuitive in this case. I got a simple 2 column layout:
<div id="container">
  <div id="left">

On the web page  http://news.yahoo.com  if you go down the page to "Top Stories", "Most Popular", or any of the other categories,
and hover over the links to various articles in any of these categories, a clean info window pops up with pictures and a quick
description of what is in ...

i'm getting very frusterated with this..i was hoping someone could tell
me what's going on.
here's the code..
<div id="main">

I am not sure which browser is doing it right, I suspect FF.
Here is the CSS:
td.hrs {text-align:center}
td.hrs hr {float:left; width:45%; display:inline;margin-top:.5em;}

I've got the following css. It works fine with Firefox, but with IE 5,
the A is not inherited from li.flagtopic. How come ?
#divCutFlags li
{

Probably something simple i'm overlooking, taking the below html and
css style settings, when you view in a browser (IE or Mozilla for
example), the table is a tiny bit less wide than the div.  Yet I have
set both to the exact same width (99%) and they have the same border

I have made a mock up for a web application that requires the use of tabbed panels. I've looked at some good examples of how to implement the tab bar (e.g. sliding doors on a list apart), but I have a requirement to include an icon on each tab, "to make it look snazzy". So I have ...

I just implemented an "overflow: auto" for a div in the main message
window: http://www.auriance.com/docs/interaction/
This works as expected in Internet Explorer and Opera, but in Firefox
it doesn't. There shouldn't be a scrollbar on the page, but instead, on

I'm experiencing yet another only-in-IE problem.  This time, when IE's
window is reduced to a certain size, the main body of text jumps down
beneath a side content box.  In every other browser I've tested it on,
the main body of text stays put when the window is reduced.  What can I