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

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.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "jQuery (English)" group.
To post to this group, send email to jquery-en@googlegroups.com
To unsubscribe from this group, send email to jquery-en+unsubscribe@googlegroups.com
For more options, visit this group at http://groups.google.com/group/jquery-en?hl=en
-~----------~----~----~----~------~----~------~--~---