PDA

View Full Version : Expand Image Vertically Without Disrupting the Flow with Javascript & CSS



warmlaundry
02 Apr 2011, 02:48 AM
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.

awniyya1
02 Apr 2011, 03:29 AM
Hello friend,

<img src="http://codebucket.webatu.com/code/portfoliotest/portfolio.jpg" id="portfolio" /><br /> for this element just define the style
position as absolute and specify the top and left attributes for it. Your problem will be solved.

Ahamed