Webmaster Forum / HTML, CSS, Scripts / CSS / October 2005

Hello!   I am trying to lay out a left navigation column with a
background image, where the left nav column runs the entire scrolled
height/length of the page.  The float:left column layout works fine, but
the background image doesn't continue downward in this column below the

At present I style my footnotes as follows:
 .note {
   vertical-align: super;
   font-size: smaller;

Hello. I set a background image like the following;
body
{
    background: url('back.png') repeat-x bottom;

I wish to place an image of a word of text in the middle of a sentence, but
need to adjust the vertical position of the image so that it looks inline
with the text.
I have tried unsuccesfully to do this with margins and padding on both the

IE 6
Firefox looks just fine.
I have run my html and css through the W3C validator. The html is fine
and the css gets the following:

http://mysite.verizon.net/gdguarino/montauk.htm
You can also click on the other pages of the site if the problem
doesn't show itself on this page.
I'm using two stylesheets for each page, one with the position and size

 Is there a recommended way to line up form fields with their labels so
that the label column is right justified and the fields are left justified?
Example:
http://www.dorseygraphics.com/review/fishbowlsun/adextranet/pagetemplate/for

I am having problems loading background images on my pages. I have
created a css to display the images. It works just fine on my test box,
but when I tried on real pages it wont upload any images everythin else
displays just fine. I used a table and added a background image to

I have 2 div blocks with each div taking up half of the page width. So
in the CSS they both have width: 50%. See
http://home.scarlet.be/~vv991306/leftright.html
In Mozilla Firefox and Opera, depending on the width of the browser

 I have 4 images that live next to each other inside a DIV. When the page
is resized too narrow, the 4 images start to stack on top of each other. Is
there a way for me to specify that these images should never stack, but only
live side by side?

I have a page at https://www.ccmeonline.org/online_application.shtml the
looks OK in most browsers, tho a little sloppy in Opera 8.5 but someone sent
me a screenshot at https://www.ccmeonline.org/images/screenshot.bmp which
shows text overtop some prices. I checked with the user ...

I thought I got along with a 3 column design and CSS. But still IE and
Firefox show images that overflow the center box different.
Please have a look at this example: http://venida.de/test/9boxes.htm &
http://venida.de/test/9boxes.css.

Anyone knows if the htmldog suckerfish menu can be done in a more fluid
way: http://www.htmldog.com/articles/suckerfish/dropdowns/
Or more precisely, the 2-level menu:
http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html

I understand that there are several ways to effectively control the
browser delivery of HTML to make the most effective use of the
different screen resolutions today. (And in the foreseeable future...)
I have a client with a text based site (displays a lot of labour law)

Whew!
 Thanks for your help on that last post. I actually understand what you
wrote. I'm trying not to use these groups as a way to get my code written
for me, I really want to understand what I'm doing wrong (and right!) so