By Mike295855 on

Alright, I recently downloaded the gallery module to put on my website and everything seemed fine until today when I actually started implementing the module. Take a look at my website http://www.aviationflightzone.com . You will notice that on the left side there is a block named Random Image and at the bottom of the page there is a grid displaying additional photographs. One thing that I have noticed with the newsportal theme is that it will let pictures eat the page up. Click on one of the pictures and have it take up a good chunk of the website. This may or may not happen depdning on the size of your monitor and how big your window is. Either way, if you just make the window smaller you will see how the images will retain their size, but the columns and other things on the website will fall under it while they are being compressed.

I would really appreciate it if someone could help me.

Thank you in advance.

⋅ Categories: Drupal 4.7.x

Comments

obiyoda’s picture

obiyoda commented

Just looked at the site quickly. You could add a min-width: attribute in your styles.css to stop the page from shrinking like that.
example:

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 98%;
  text-align: left;
  background: #FFFFFF;
  border: 8px solid #FFFFFF;
  min-width:1024px;
}

But that may not be what you want as it will make those with screen resolutions lower than 1024 have to scroll.

Mike295855’s picture

Mike295855 commented

Thank you. I am going to give that a try.

Does anyone know how to resolve the problem with the gallery module? Every time one clicks on a picture it will open up on drupal and I don't think I want it doing that. Is there any way to get them to open in the gallery instead of drupal when a picture is clicked on?

Mike295855’s picture

Mike295855 commented

Where exactly would I put that? I am assuming under themes/whatever theme I have CSS.file right?

Nevertheless, where in the css file?

vm’s picture

vm commented

yes the theme .css file

search file for #page_wrapper

if not there add entire css declartion.

Mike295855’s picture

Mike295855 commented

Ok, it works but I still have issues with the gallery grid and random picture on my website. I really appreciate your help with this.

Nevertheless, I don't know what to do with that gallery grid. It looks nice, but when you click on a picture it eats up the whole screen and I can't figure out why or how to stop it.

.carey’s picture

.carey commented

Try changing the size of the photo...either by inputing height and width in the image tags, or changing the actual size in Gimp or another photo program. Or you might want to try to see if there is a module that will limit the size. (I'd recommend the second because then the file size of the photo would be smaller and thus taken up less server space, bandwidth and is faster to load.)

On another note: You may want to check your html code. When I view the source code via Firefox you have several images tags (and others) opened. (They are highlighted in red.) This could affect the way things are displayed or work in the browser.