Jump to content
Sign in to follow this  
Panda9386

Portfolio gallery sizing issues

Recommended Posts

Hi!

So, I am having issues with my portfolio gallery...

I can get the modal to work, finally, thanks to you guys. I was wondering if you could help with another issue.

The gallery has the columns uneven and it is driving me batty. I can get them to be the same size if I adjust the size of the image, but that makes it look tacky in another way, I want the column to extend with blank space to make everything the same height. Is this possible? If so, how?

http://technicolor-dreams.net/fan-001.html

In the above link you can see what I am talking about =(

Also attaching relevant pages of coding.

Thanks!

-Sarah

css.css

fan-001.html

layout.html

menu.html

Share this post


Link to post
Share on other sites

If you give the boxes a fixed height with CSS it will work. The alternative is to use the flexbox layout system, which is a little complicated.

Your image files are much too large, they take a long time to load. You should create resized thumbnail versions of them to show on the page.

Share this post


Link to post
Share on other sites

i guess i never noticed they take a long time to load because i have fast internet. >_<; hmm... i will need to see how that works with the modal then... cause the modal opens from the image that is already there... like I have no idea how to point to another source =\

this is becoming much more complicated than i wanted it to... =(

curse my newbieness in all this >_<!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...