Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    slider images and a shadow.gif

    Hello Code Gurus

    I'm an amateur hobbyist building a website for a friend, and am having difficulty with 2 elements:
    1) a jquery slideshow displaying correctly and
    2) positioning a shadow.gif directly under a coloured div

    Here is what the website should look like (a mockup in photoshop):


    Here is the url for the page in its broken form:
    http://factor-10.org/psf/

    As you can see, the slideshow is only displaying a fraction of the image.
    After about 2 hours trying to fix it, I have admitted defeat and would be grateful for solutions.

    Also, could anyone tell me how to position this shadow image:

    under the coloured textbox, so it looks like this?

    Again, I have tried for about 2 hours, consulting various online resources to help me, but nothing seems to work.

    Thanks for your time and patience.

  • #2
    New Coder
    Join Date
    Aug 2011
    Location
    The Universe
    Posts
    34
    Thanks
    0
    Thanked 11 Times in 11 Posts
    Quote Originally Posted by factor10 View Post
    As you can see, the slideshow is only displaying a fraction of the image.
    After about 2 hours trying to fix it, I have admitted defeat and would be grateful for solutions.
    One fix would be to just remove the overflow: hidden for .col1.
    Quote Originally Posted by factor10 View Post
    Also, could anyone tell me how to position this shadow image:

    under the coloured textbox, so it looks like this?
    Create a div to wrap both the textbox and the image, then put them inside as blocks:
    PHP Code:
    <div class="twrapper">
    <
    div class="textbox">

    <!-- 
    This is the div with all the text in itMake sure it doesnt have any margins (just move them to .twrapper). -->

    </
    div>

    <
    img src="http://dl.dropbox.com/u/6457741/PSF/development/shadow.gif" alt="" style="display: block" />

    <!-- 
    The shadow imageIt should not have margins either. -->

    </
    div

  • #3
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Deep Thought, you're a gem. Thanks so much. It works perfectly!


  •  

    Posting Permissions

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