Skip navigation
Currently Being Moderated

Fluid Grid Templates with Responsive Images & Change Color Code back to the default.

Nov 18, 2013 6:03 PM

Tags: #help #template

I've made a Template from a Fluid Grid Layout(CS6) and can only get the images to be responsive if I make the images all the same height and width. What's up with that?

All Desktop layouts stay consintent with images that are (800w x 800h) and this one that is 1173w x 800h.

Suddenly this 1173w x 800h is inconsitent in the Tablet layout. Here the page shifts to a much smaller height - moving the logo, nav, footer etc up to a shorter layout and then back to the normal Tablet layout size once it links onward to the pages relevant to that square 800 image. I tried the problem image at 800w x 545h and it caused the same problem.

Also, I changed the color code and can't get it back to the default.

 
Replies
  • Currently Being Moderated
    Nov 19, 2013 3:57 PM   in reply to ACILL

    By default, FGLayouts apply a max-width of 100% to all <img>tags.  Basically, this allows those elements to scale in proportion to the container size -- up to the image's native file size. This only works if you don't add any height or width attributes to your HTML code.  Doing so will defeat the CSS.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 19, 2013 4:31 PM   in reply to ACILL

    I guess I really don't understand your question then.  Can you provide a link to your online page so we can see what you mean?

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 20, 2013 8:30 AM   in reply to ACILL

    You might want to validate code and fix your errors. 

    http://validator.w3.org/

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 21, 2013 9:09 AM   in reply to ACILL

    When you upload your work to a remote server and provide a link, I'll take another look.  Without seeing it in a browser, it's impossible to trouble shoot what might be going on.

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points