www.webdeveloper.com
Results 1 to 10 of 10

Thread: Is it possible to make this dynamic?

  1. #1
    Join Date
    Oct 2006
    Posts
    208

    Is it possible to make this dynamic?

    See attached

    The left side would be a div with w/e text, for example whats in there now "test test test", the right an image. Both have rounded corners, if the user were to expand the text the container div would expand with it and so would the image. I know I can make the image larger then it needs to be and then give it a size and as they expand the text more of the image would be revealed but I have no idea how to approach this with rounded corners, is this possible?

    Thanks
    Attached Images Attached Images

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  3. #3
    Join Date
    Oct 2006
    Posts
    208
    Well I know about the slidingdoors technique but how would one apply it with rounded corners and an image that doesn't repeat?

  4. #4
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    I'd assume the rounded corners were part of the images and there are two images, left and right backgrounds behind left and right divs. I also assume the "expansion" to which you refer is horizontal.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  5. #5
    Join Date
    Oct 2006
    Posts
    208
    Again, I understand the principle, however think of it this way. Most rounded corner techniques don't use an image such as mine, they use maybe a solid color or gradient. 2 images to represent left and right corners. You position the right corners bottom right, top right etc. You make the image larger then it needs to be to reveal a portion upon expansion. If i were to do this with an image that wasn't a solid color then how exactly would i manage to line up the, seeing as I would be using the same image for the top corner and bottom corner, it wouldn't line up, understand what I mean?

  6. #6
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    I'm afraid I don't. Maybe if you put up another image or two illustrating how you want it to change. Or maybe someone a little brighter than me will come along.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  7. #7
    Join Date
    Oct 2006
    Posts
    208
    i pretty much figured it out using javascript, if someone can assist with a better method please do:

    http://www.verricoassociates.com/test/index2.html

  8. #8
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    Ok but I don't see any resizing happening.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  9. #9
    Join Date
    Oct 2006
    Posts
    208
    check the site again, use your keyboard cntrl + to increase text, or cntrl + scroll wheel - let me know

  10. #10
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    Ok, now I see what you're doing. I was editing the text and adding to it.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles