Quick DIV alignment question - for putting a "<remaining ses

Rails
1

Hi,

Can anyone suggest how to get a simple horizontal alignment of DIVs in
my
header?

  • horizontally align DIVs which will contain text so that they are
    seemless
  • output would be " session remaining time = 22 seconds |
    anonymous | login | register"
  • div view would be

The problem I’m having is working out how to float/align these so that
they
are:

  • overall centered in the header
  • bumped up one another so it looks like they are just one text sentence

I thought of returning the whole text from the AJAX updates however
because
I have other items horizontally within that header strip I wanted to
work
out how to just get one piece of the header strip to be a DIV so that I
can
target this for the AJAX updates.

Thanks in advance
Greg

2

Greg H. wrote:

Hi,

Can anyone suggest how to get a simple horizontal alignment of DIVs in
my
header?

  • horizontally align DIVs which will contain text so that they are
    seemless
  • output would be " session remaining time = 22 seconds |
    anonymous | login | register"
  • div view would be

The problem I’m having is working out how to float/align these so that
they
are:

  • overall centered in the header
  • bumped up one another so it looks like they are just one text sentence
    […]

How about s of text?

3

Probably better off using a list.

Good article there that will get you what you want and degrades nicely
in
older browsers.

Curtis

4

thanks Curtis - I’ll try to digest this today :slight_smile: [I probably need to buy a good CSS reference book too]

5

The problem I’m having is working out how to float/align these so that
they
are:

  • overall centered in the header
  • bumped up one another so it looks like they are just one text sentence
    […]

How about s of text?

Semantically it seems you are making a list. Try

    with a
  • for
    each item. Then make each li float and center the ul.

    This is OT for this list. Try googling as there are many nav bar
    solutions and css sites.