Webmaster Forum / HTML, CSS, Scripts / CSS / May 2007

I have a lot of links in my app ( normal <a
href="http://...">some_text</a> ).
I would like to change CSS style of this links, so that they look like
normal button (like plain <input type="Submit">...).

Hello. Please check http://www.mavridis-hotel.gr/prices.php
In FF the table -which is wide- goes way of the container it's in. And
it displays nice.
In IE7 since it doesn't fit it renders to the bottom of the page. How

OK, so I thought I was going to amaze everyone with drop-shadowed text by
using absolute positioning--grey text positioned slightly to the left and
down behind the normally anchored text.
Hah! Tricked myself.

If I want to move something to a new line, should I be using <br/>, or
is there a way of doing it in CSS?
I was just thinking if it was possible in CSS then it would be better
as otherwise the layout is part of the markup.

I have a navigation structured as follows:
<ul>
  <li>
    <a>Chapter1</a>

I am not sure if this is the proper forum, but I always found very
helpful information here and I would like to have the advice of experts.
Just before new year (end Dec 2006), my internet provided (noos.fr) had
trouble with ftp, so that access to my web pages became very

I've tried to implement this code
http://css.maxdesign.com.au/listamatic/horizontal03.htm
into my homepage and it works fine except for one thing: although I'm on
the page 'index.html' which is linked to by item one like this

In his book "CSS: The Definitive Guide" 2nd edition (pgs. 116-117), Eric
Meyer has an interesting discussion about "font-size-adjust" that was
evidently dropped in CSS 2.1 due to browser non-support. I'm wondering
if there's some way I could still get a primitive version of this

I have a list of links, with a thumbnail image hidden(resized) next to
the link. Complete html&css at end of this post.
CSS for the link resizes the image on a:hover. All is good,
except the list resizes to accomodate the image, thus "tearing up" the

In FF 2 and Netscape 7.2 this button works exactly as desired, and that
is hovering anywhere over the button activates the hover action.  But in
IE 6, only mousing over the text of the link activates the hover.  Can
you see what I'm missing?  It's making me crazy!!

If I have a containing div that has padding of 10px and a width of 200px.
Then Inside I have an image with a width of 200px and a left margin
of -10px.
In IE6 white space gets added to the right of the image, making the

hi, i have two blocks in xhtml, e.g.
#div A
#div B
inside those divs there is an unknown text (for design), so i do not

Since there is no authoritative specification on how to map presentational
HTML elements and attributes to CSS, and even no informal description (as
far as I can see), I finally composed one:
http://www.cs.tut.fi/~jkorpela/html2css.html

I am trying to center a DIV horizonally, but I want the DIV fluid so
that it is just wide enough to encompass its contents.
I've tried margin:auto with no joy :(
I've set up a demo here:

I want to align some text to the bottom of page.I am doing this by a
CSS class.It contains
position:absolute;
bottom:0;