1 tgodfrey Feb 18, 2014 05:34
3 tgodfrey 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 mgsolipa 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 tgodfrey 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 mgsolipa 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!
@tgodfrey wrote earlier:
I mean I can't get any css image gallery to work.