How to correct this code.....?

Discussion in 'HTML & Website Design' started by harry9, Feb 12, 2009.

  1. #1
    Hi
    I have a problem in my blog http://www.blooglespot.com
    I placed a smooth image gallery on the top right.
    The images in that are over flowing whenever I lode the page.
    How to fix this.
     
    harry9, Feb 12, 2009 IP
  2. JeremyM

    JeremyM Peon

    Messages:
    128
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    What browser does the error occur in? I cannot see one in Firefox.
     
    JeremyM, Feb 12, 2009 IP
  3. harry9

    harry9 Peon

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Both in IE explorer and Firefox.
    the error is the all images come out of the gallery and over flow. visit the blog you understand.
     
    harry9, Feb 13, 2009 IP
  4. mrdo

    mrdo Well-Known Member

    Messages:
    1,552
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    138
    #4
    I can't connect to your site. Too slowly :)
     
    mrdo, Feb 13, 2009 IP
  5. JeremyM

    JeremyM Peon

    Messages:
    128
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It looks fine after it loads for me, you just want it to show up correctly while it loads?
     
    JeremyM, Feb 14, 2009 IP
  6. harry9

    harry9 Peon

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    because of that image overflow the site is very slow.... I am unable to fix it. it's the problem :(
     
    harry9, Feb 16, 2009 IP
  7. ExtremeData

    ExtremeData Well-Known Member

    Messages:
    450
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    125
    #7
    Try overflow : hidden;
    This may help you.
     
    ExtremeData, Feb 16, 2009 IP
  8. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Try adding this to your CSS:

    .imageElement img { height: 200px; width: 350px; }

    Change height and width to whatever the size should be. This means every image inside the imageElement div will be restricted to this size.
     
    wd_2k6, Feb 16, 2009 IP
  9. harry9

    harry9 Peon

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    thanks for the tip :)
     
    harry9, Feb 17, 2009 IP