Hi all, This might be more a html question than a rals one... I have a link that user link_remote_to. When a user clicks that link I want to hide it and show a progress indicator in that same place. I tried to do this with 3 spans: <ul> <li> <span class="container"> <span id="indicator_1"></span> <span id="link_1">ajax link here</span> </span> text here </li> </ul> The problem is that I cannot give the span a width so the ''text here'' always moves when the link is clicked since the indicator has a smaller size than the link. how do you people solve this? thanks Stijn --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
divs On Feb 27, 4:25 am, Tarscher <tarsc...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> Hi all, > > This might be more a html question than a rals one... > > I have a link that user link_remote_to. When a user clicks that link I > want to hide it and show a progress indicator in that same place. > > I tried to do this with 3 spans: > <ul> > <li> > <span class="container"> > <span id="indicator_1"></span> > <span id="link_1">ajax link here</span> > </span> > text here > </li> > </ul> > > The problem is that I cannot give the span a width so the ''text here'' > always moves when the link is clicked since the indicator has a > smaller size than the link. > > how do you people solve this? > > thanks > Stijn--~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
divs don''t work since I need to present data in a row. A div is not an inline element. On Feb 27, 3:52 pm, AndyV <a...-HmMyXyqgL2CVc3sceRu5cw@public.gmane.org> wrote:> divs > > On Feb 27, 4:25 am,Tarscher<tarsc...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote: > > > Hi all, > > > This might be more a html question than a rals one... > > > I have a link that user link_remote_to. When a user clicks that link I > > want to hide it and show a progress indicator in that same place. > > > I tried to do this with 3 spans: > > <ul> > > <li> > > <span class="container"> > > <span id="indicator_1"></span> > > <span id="link_1">ajax link here</span> > > </span> > > text here > > </li> > > </ul> > > > The problem is that I cannot give the span a width so the ''text here'' > > always moves when the link is clicked since the indicator has a > > smaller size than the link. > > > how do you people solve this? > > > thanks > > Stijn--~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
Here''s an example with inline styles.
<ul style="list-style:none;">
<li style="float:left;clear:left;; margin: 4px;">
<div id="link_1" style="width:
10em;float:left;background:yellow;">ajax link1 here</div>
<div id="indicator_1" style="width:
10em;float:left;display:none;">Indie</div>
<div style="float:left;clear:right;">Text here</div>
</li>
<li style="float:left;clear:left; margin: 4px;">
<div id="link_2" style="width:
10em;float:left;display:none;">ajax link2 here</div>
<div id="indicator_2" style="width:
10em;float:left;background:red;">Indie</div>
<div style="float:left;clear:right;">More text
here</div>
</li>
</ul>
Sorry that the colors are ugly; it''s an easy way to see that the items
are the same width. Technically you don''t need the styling on the
first li, but it is obviously easier to include it (e.g., partial)
than code around it.
On Feb 27, 11:38 am, Tarscher
<tarsc...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:> divs don''t work since I need to present data in a row. A div is
not an
> inline element.
>
> On Feb 27, 3:52 pm, AndyV
<a...-HmMyXyqgL2CVc3sceRu5cw@public.gmane.org> wrote:
>
> > divs
>
> > On Feb 27, 4:25
am,Tarscher<tarsc...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > > Hi all,
>
> > > This might be more a html question than a rals one...
>
> > > I have a link that user link_remote_to. When a user clicks that
link I
> > > want to hide it and show a progress indicator in that same
place.
>
> > > I tried to do this with 3 spans:
> > > <ul>
> > > <li>
> > > <span class="container">
> > > <span id="indicator_1"></span>
> > > <span id="link_1">ajax link here</span>
> > > </span>
> > > text here
> > > </li>
> > > </ul>
>
> > > The problem is that I cannot give the span a width so the
''text here''
> > > always moves when the link is clicked since the indicator has a
> > > smaller size than the link.
>
> > > how do you people solve this?
>
> > > thanks
> > > Stijn
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---