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

Sorry if this is a dumb question buy my CSS is pretty bad... but how do
I get text to center vertically within a div tag? Here's my code
below... the text is displaying on the far top-right. I would like it
far right centered vertically.

I am trying to use different bullet types for 2-level UL and I keep
getting the same bullet for both.
.lists {
   margin:1em 0 0 1em;

I want to make a horizontal list elements, whose widths are determined
by their "width" property. "width" doesn't work on inline elements, so
I can't use <span> as I normally would if the width was determined by
content.

I'm trying to implement the page layout mocked up here:
http://www.walkourworld.com/
so the page behaves tidily when a user alters the browser window width.
There's a first attempt here, which works fine in Netscape 7.2 and also

I have a cell that is 100 pixels wide and an image that is 200 pixels
wide.  I want to put the right-most 100 pixels of that image as my
background image.  How can I do taht?  If I specify
background-image:url('images/myimg.gif');

link: https://ssl.perfora.net/famousphone.com/
css: http://famousphone.com/styles.css
The menu list on the right top (Shop by Category) is where I'm having
difficulties.  I'm trying to visually show sub-categories.  I've styled

I was wondering if anyone knew of the standard way to style Lists.
Whenever I style them, especially when I use my own bullet image, They
show up very different in each browser.  The bullet in either up or
down, or further left or right, depending on the browser.  Is there any

Team;
I'm kindof a newbie around these parts :)
I'm trying to replace TAB characters (&#09;) with </TD><TD>.. so that I
can properly align this XML into multiple cells in a table.

I'm trying to get my header to have 2 images, one for the top left and
one for the top right. Here's a link to my page...
http://levelwave.com/dev/div/index.html
[Left Logo] and [Right Logo] will eventually be images but what I'm

I've got a page with two columns: one floats left, the other doesn't
float.  The page displays fine in Netscape no matter what.  In IE (both
6 and 7), it looks fine as long as the browser window is more than 800
pixels wide.  However, when the browser window gets narrow, IE pushes

I hope this is the correct place to post this:
I am developing a web site for a e-commerce business I will be
running.  The site I'm setting up will be 50% store, 50% content.  I'm
not sure which shopping cart I'll be using yet (am looking at

I note in an Eric Meyers book that he expresses one goal of using CSS is
to eliminate all <br> tags. Why?

I am trying to figure out why the HEIGHT <div> tags on my page do not work
on IE?
http://www.wyght.com/mySite/thirds.html
http://www.wyght.com/mySite/CSS/div_thrids.css

The CSS 2.1 Specification describes how to sort a list of selectors in
order of specificity, but it doesn't provide a method to calculate the
specificity of a single selector in isolation.
I've devised a method to do this, which I describe in the following

img
{
border-color: WHITE;
border: 10px;