[jQuery] Re: Scale "&" symbol in line of text

by the way, z-index controls layer order and wouldn't have much impact
if the elements were all displayed inline.

if you had two absolutely positioned elements overlapping, the one
with the highest z-index would be nearer the back of the pile.

On Jun 1, 2:30 pm, "ryan.j" <ryan.joyce...@googlemail.com> wrote:
> scuze my lazy code, on a teabreak - this is just to hilight a way of
> using line-height to stop the fonts sliding down.
>
> $("#names").click(function(){
>       $("#names span").animate({
>         fontSize: "50px",
>       }, 1500 );
>           $("#names span").animate({
>         fontSize: "1em",
>       }, 1500 );
>
> });
>
> #names {
> display:block;
> width:100%;
> height:100px; line-height:100px;
>
> }
>
> #names span {
> height:100%; line-height:100%;
>
> }
>
> <div id="names">Groom&nbsp;<span>&amp;</span>&nbsp;Bride</div>
>
> another alternative is to put each word in their own div, stick all 3
> in a container and float them to the left. then resizing one won't
> change the height of the others.
>
> On Jun 1, 1:56 pm, dmikester1 <dmikest...@gmail.com> wrote:
>
> > Hello,
> > I am creating a wedding website for a friend.  I have their names at the top
> > of the page in a large font with an "&" in between like "Mike Smith & Suzy
> > Jones".  I would like to have it so that when you first visit the page the
> > "&" grows bigger and then shrinks back to normal size.  I saw this done with
> > Flash once and thought it looked really neat.  I tried using the animate
> > feature and that pushed the names down with it because it was increasing the
> > font size and everything was in the same line of text.  I tried changing the
> > z-index of the two to get them on another layer, but that didn't do
> > anything.  Anyone have any ideas how I can do this in JQuery?
> > Thanks
> > Mike
> > --
> > View this message in context:http://www.nabble.com/Scale-%22-%22-symbol-in-line-of-text-tp23814535...
> > Sent from the jQuery General Discussion mailing list archive at Nabble.com.