Recent Topics

1 Feb 18, 2014 05:34    

I have images displaying in a css gallery in a post in one blog:

www.lindarobertson.com.au/014/monotypes.php

When I copy the gallery to another blog - same site, of course - the images display as in the first blog, but if I replace an image with another, the new image does not display:

www.lindarobertson.com.au/014/monotypes_more.php

I am attempting in general to use another css gallery in the second blog, but can't get any to work. So I've gone back to basics to try to discover why by using this gallery which does work. Why so?

I cannot get any image to display in a post in the second blog.

2 Feb 18, 2014 06:48

@tgodfrey wrote earlier:

I cannot get any image to display in a post in the second blog.

I mean I can't get any css image gallery to work.

3 Feb 19, 2014 05:12

I now have the two galleries on the same page:

www.lindarobertson.com.au/014/monotypes.php

The top gallery works fine: hover produces the desired result. This is the css:

.galleryh {
  padding:0; 
  margin:3em auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:428px; 
  height:340px; 
  border:1px solid #eee; 
  background:#fff url(images/winback.png);
  }
.galleryh li {
  float:left;
  }
.galleryh li a {
  display:block; 
  height:320px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
.galleryh li a img {
  width:28px; 
  height:340px; 
  border:0;
  }
.galleryh li a:hover {
  background:#eee; 
  width:253px;
  }
.galleryh li a:hover img {
  width:253px;
  }

The lower gallery does not. This is the css for the lower gallery, in which I can see nothing problematic:

a, a:visited, a:hover {}

#container {position:relative; width:600px; height:700px; background:#aaa; border:1px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}
#container a.pics {float:left; padding:7px 21px; display:inline; color:#000; text-decoration:none; width:75px; height:75px; cursor:default;}
#container a.pics img.thumb {display:block; border:1px solid #000;}
#container a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:10px auto; border:1px solid #000;}
#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:192px; z-index:10; height:500px;}
#container a.pics:active img.thumb {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:192px; z-index:5; height:500px;}
#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:1px solid #fc0}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:192px; z-index:5; outline:0; height:500px;}
#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}

The fact that the thumb and the large image display in the lower gallery suggests that the css is not doing anything at all. But I fail to see why.

4 Feb 19, 2014 09:59

Hello @tgodfrey,

Currently, the page you linked in your latest comment is missing its style.css file, then I just get a plain white page with no css style at all. It looks like you have a wrong value in your $baseurl variable at the basic configuration file (http://b2evolution.net/man/installation-upgrade/configuration-files/_basic_config-php). Please, check and come back when your page works properly in order to let us to test and try to help you.

Thanks.

5 Feb 19, 2014 22:54

Sorry for wasting your time like that. I hadn't re-uploaded the style.css. Not that I never had. The lower gallery is now working in both blogs, so I'll see how I go.

Apologies, and thanks for your time.

6 Feb 20, 2014 06:18

Hi @tgodfrey, don't worry, it's nice to know that your site is now working as you need. :D

Regards!


Form is loading...