Hacky attempt. Lot's of mark-up and CSS: http://jsbin.com/abuku/
On Jun 1, 8:13 pm, dmikester1 <dmikest...@gmail.com> wrote:
> Thanks Ryan. That worked pretty well. There is still one thing that is
> causing an issue. It is now pushing the right name farther to the right and
> pulling it back. Any ideas how to fix that?
> Thanks again.
> Mike
>
>
>
> 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 & 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.
>
> --
> 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.
