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

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

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?

Probably better off using a list.

http://www.alistapart.com/articles/taminglists/

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

Curtis

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

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.

This forum is not affiliated to the Ruby language, Ruby on Rails framework, nor any Ruby applications discussed here.

| Privacy Policy | Terms of Service | Remote Ruby Jobs