Hi MT.
Since your gss container has a fixed width and height of 400px just use:
.gss img{ margin: 180px; }
180px assumes your loader gif is 40 px square.
Otherwise use margin = (container side / 2) - (image side / 2) to calculate the
correct margin.
S
Sent from my BlackBerry® wireless device
-----Original Message-----
From: MadTogger <[email protected]>
Sender: [email protected]
Date: Tue, 29 Mar 2011 03:14:16
To: Google AJAX APIs<[email protected]>
Reply-To: [email protected]
Subject: Replace standard 'Loading...' message in gfslideshow
Hi,
I would like to replace the standard 'Loading...' message in
gfslideshow to an Ajax Loading gif.
I know how to do this straight forwardly but am having trouble with
the placement.
Instead of the regular top right position I am trying to position it
centered vertically and centered horizontally within the slideshow, in
other words, slap bang in the middle.
Here is the div that displays the slideshow, the standard setup.
<div id="slideshow" class="gss">Loading...</div>
Here is the css code for the gss class
.gss a img {border : none;}
.gss {
width: 400px;
height: 400px;
background-color: #ffffff;
padding: 4px;
margin: 0 auto;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}
As I have said, I can directly replace the 'Loading...' message easily
by this
<div id="slideshow" class="gss"><img src="imgs/loader.gif"></div>
I realise that I need a class for the loader.gif img tag, which I can
sort of fathom out to get it centered horizontally but I cannot figure
out how to also center it vertically.
Any help would be appreciated.
Regards..,
MT
--
You received this message because you are subscribed to the Google Groups
"Google AJAX APIs" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-ajax-search-api?hl=en.
--
You received this message because you are subscribed to the Google Groups
"Google AJAX APIs" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-ajax-search-api?hl=en.
