Rails - Nov 2006 - quick DIV alignment question - for putting a "<remaining session time = ><value updated via AJAX>" horizontal alignment in header

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 <text div><AJAX updated div><text div>

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


--~--~---------~--~----~------------~-------~--~----~
 You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Greg Hauptmann 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 <text div><AJAX updated div><text
div>
> 
> 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 <span>s of text?

-- 
Posted via http://www.ruby-forum.com/.

--~--~---------~--~----~------------~-------~--~----~
 You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

>> 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 <span>s of text?
Semantically it seems you are making a list.  Try <ul> with a <li>
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.

-- 
Posted via http://www.ruby-forum.com/.

--~--~---------~--~----~------------~-------~--~----~
 You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

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

On Sunday 26 November 2006 07:26, Greg Hauptmann 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 <text div><AJAX updated div><text
div>
>
> 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
>
>
> 
--~--~---------~--~----~------------~-------~--~----~
 You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

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

On 11/27/06, Curtis Hatter
<curtis.hatter-xOqKmqBdiMhF6kxbq+BtvQ@public.gmane.org>
wrote:
>
>
> 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
>
> On Sunday 26 November 2006 07:26, Greg Hauptmann 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 <text div><AJAX updated div><text
div>
> >
> > 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
> >
> >
> >
>
> >
>

--~--~---------~--~----~------------~-------~--~----~
 You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Talk" group.
To post to this group, send email to
rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---