Quick, hopefully simple website question

Discussion in 'HTML & Website Design' started by Cogitationalist, Oct 9, 2011.

  1. #1
    Thank you for reading my post.


    I'm just trying to figure out how to add more thumbnails to my website - jonathanmedrano.com - and if someone could view the source and knows, it seems to be an easy task. I tried to copy the 2 areas of the code that seem to need to be obviously duplicated, but it only worked for the 1st one in the 3rd row. Upon doing the same for 2 more, they appear as broken links and when clicked say they don't work.


    I really appreciate any responses, you'd be helping me a great deal.
     
    Cogitationalist, Oct 9, 2011 IP
  2. zabalex

    zabalex Member

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #2
    Hi,
    The problem may be due the css, in your css file class hoverbox has a set height. If you want to add more thumbnail you should increase the height mentioned in the class hoverbox, please note add the hight of the thumbnail image to increase one row and just double if you want one more row. The width will be same as it is since width is not increasing due to increase in height. Also do not forget to add

    where box9 will change to box10 after adding 10th image and so on.

    regards
    zabalex
     
    zabalex, Oct 9, 2011 IP
  3. Cogitationalist

    Cogitationalist Peon

    Messages:
    42
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks for the response!

    See, I thought similar but I added the 9th one with no problem. There were 8, two rows of four, and I added the 9th one in seamlessly without an issue (I had to move the text down but that turned out just fine).

    I then went and added #10 and #11 and they appeared beside the 9th one in the 3rd row, but they were broken. I've added it again the same way if you want to take a peek, it again has the same broken thumbnail and nonworking followup.
     
    Cogitationalist, Oct 9, 2011 IP
  4. Cogitationalist

    Cogitationalist Peon

    Messages:
    42
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Aha! Problem has been solved.

    What it turned out to be was that I needed to make the files' extensions lowercase when using my FTP program. Odd, but that's what it was.

    Thanks again.
     
    Cogitationalist, Oct 9, 2011 IP
  5. HuggyEssex

    HuggyEssex Member

    Messages:
    297
    Likes Received:
    4
    Best Answers:
    2
    Trophy Points:
    45
    #5
    Just to note your contact page when displaying error is quite bad in Google Chrome.

    Glen
     
    HuggyEssex, Oct 10, 2011 IP