Web Design Forum  
 
Go Back   Web Design Forum > Web Software > Programming

Reply
 
LinkBack Thread Tools Display Modes
Old 04-02-2011, 07:44 AM   #1
New Member
 
Join Date: Apr 2011
Posts: 1
Arrow Expand Image Vertically Without Disrupting the Flow with Javascript & CSS

Hi all, javascript newb question here.

Here's the code I'm working with on JSfiddle: http://jsfiddle.net/warmlaundry/qJbG4/70/

I want to make the edges of the 'f' and 'l' stretch to the edge of the page. I'm just expanding the height of two images that sandwich the word.

I want the word itself to stay put (stay exactly where it is positioned), and I don't want the expanding images to displace any other elements.

Is there an easy way to achieve this? I imagine it has to do with positioning correctly, but I still don't have a full grasp of the subtleties of CSS positioning.

I apologize if this question is a repost; I couldn't think of a good way to phrase the question without posting my own example.
warmlaundry is offline   Reply With Quote


Old 04-03-2011, 05:06 AM   #2
Gold Member
 
Join Date: Feb 2011
Location: Australia
Posts: 369
Default

I'll try and have a look at this for you a bit later but my initial thought is to be able to stop the interval process by stating if the portfolioTop is equal to top position 0 and portfolioBottom to equal what ever max bottom position is it should do the trick.

Nice idea btw, I love the concept.

And I also love the idea of JSFiddle.net I have never seen a it before.
__________________
Jason H.
DHDdirect.com
Domains - Hosting - Design
DHDdirect is offline   Reply With Quote
Reply

Tags
animation, css, javascript, positioning

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 07:18 PM.


Camera Forum - Computer Forum - Web Design Forum

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
Content Relevant URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.