-
Ohhh Train.....this dreaded man again!!!
I think I got half a step further....please see....
http://www.ayvalikholidayhouse.com/templatejj.html
Just under /* BEGIN DEMO STYLE */ I took below HTML out
*{margin:0;padding:0}
body{padding:20px;background:white;text-align:center;background:white;color:#bba;font:80%/140% georgia,serif;}
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
a{color:#348;text-decoration:none;outline:none;}
And my navigation pane stayed intact. Now if I can only move the whole thing to the right then I can insert some text next to it. Tried but no luck so far.
Can not retire from UK yet, kids left us now, consequently we are here for the time being. So I got some hammering time too:)
-
Edited the galleria[1].css and uploaded it.
Looks right nice in IE-8, but still bows out in FF.
Looks like we will need to go horizontal under the main picture to fix things. :( :(
I will base it on mule.htm
EDIT:Will check out your update first.
-
Also yours is not flickering at all...a lot better
-
Checked it out in FF. Grrrrrrrrrr
IE-8 is acceptable.
I maybe able to move the nav links at the bottom, but that depends of which galleria.css you are using.
-
Ok, I see it has this in it.
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
Browser compatability. :(
-
It works now with both IE and FF.
I used these.
galleriaX.css
jquery.minX.js
jquery.galleriaX.js
Added the X in the name so you can dig them out. Plus a change or two in what you had in main page.
Looks good to me.
-
You are SIMPLY fantastic Train, THANK YOU.
www.ayvalikholidayhouse.com/templatetrain.html
Like you said it works with Firefox too now.
I had to change jquery.min.js to jquery-1.3.2.min.js .
So It is all singing and dancing with.....
galleria.css
jquery-1.3.2.min.js
jquery.galleria.js
Obviously all pictures need resizing and general tidying up but let it be my problem.
One thing tough, although I am trying, you or anyone can work out how to push the whole Gallery to the right side of the page then I can put some text in between the navigation pane and the Gallery please.
In any case, I am forever grateful to you.
-
Glad to have been of help.
Learned a lot and I appreciate that!
-
Ended with 420 views and now it is up to 1,074.
So ^^^ Bumping it up. ^^^
Seems folks are working with this.
