Search…

X3 Photo Gallery Support Forums

Search…
 
deeno
Topic Author
Posts: 15
Joined: 14 Oct 2008, 06:12

vertical centering of content (slideshow, thumbs, textpages)

16 Feb 2010, 12:31

hi there!
its been a while and i am very positively surpised how good imagevuex developed!!! thumbs up on this!

to my problem:
i changed the index.gallery.phtml in templates in order to add a 100px high DIV section ontop of the gallery-stuff as a header, where i can add a logo, more infos etc. works like a charm! but now i am facing the following problem: all contents displayed by imagevuex-swf are centered inside this swf (so far so good), but are calculated (i guess) by the inner dimensions of the browser-window, hence (and this is the trouble) all contents are displayed 100px further down than i would need it to be (because of the header i added as a div) ...

is there a way to fix this? or hack it? can you point me into the right direction which core-files i should modify (if possible?) ...

if not, another solution could be:
somehow position the TABLE containing the SWF by -100px up and under the header-DIV, AND THEN, try to set the upper margin of the horizontal menu i am using to 100px ... = by the way, the latter never worked for horizontal menus, is it a bug ???

i would be very grateful for a solution / reply !!!

best regards,
deeno
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

18 Feb 2010, 01:55

The SWF is embedded so that it takes 100% height of screen. Even if you put something above it, it will take same height, and therefore it will be cropped at bottom, which is not good of ourse.

I think the best, or at least easiest solution for this, is to create a TABLE layout with 2 rows and 1 column instead. Your custom header at top of course, and imagevue swf in botto row ...

There may be some way to do this with <div> but I am not familiar with it ... Perhaps Nick has a suggestion?
 
deeno
Topic Author
Posts: 15
Joined: 14 Oct 2008, 06:12

18 Feb 2010, 02:34

thanks for teh reply karl, but i dont see how the SWF in the second row of a table will NOT behave the same way as on my solution with the div? maybe you could explain this to me? as you said, "the swf is embedded so it takes 100% height of the screen", wouldnt that be the same for the 2nd row? wouldnt that behave in this case exactly the same = cropped at bottom?

i personally think the best solution would be to slightly change the core-files. do you allow this? if yes, can you point me out whether i need to change a JS or FLA file, and wchich?

i would appreciate also an answer from nick as you mentioned on the DIV solution

thanks in advance!
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

18 Feb 2010, 02:44

Sorry, I want to help here, but I just can't understand what are you trying to do. Maybe you could draw some scheme? Or you want add some h:100px content on top of swf and then move everything inside swf 100px up so it still looks like everything is in the center?

If yes, then probably some margin setting can do the trick.
firedev.com
 
deeno
Topic Author
Posts: 15
Joined: 14 Oct 2008, 06:12

18 Feb 2010, 02:53

i am building this site for the daughter of a friend.
have a look at the link: www.cheytan-bohemia-gotika.de

the top part (white) is a div, containing the logo and some html-text

while the bottom part is the table containing the SWF. as you can see the bottom part centers only inside that table instead of the whole screen. i understand that this happens because the swf calculates and places itself in relation to the height of the sceen. by adding this 100px div its all moved down by 100 px and the bottom menu of the gallery (next image, fullscreen etc) is only visible by scrolling down...

hope this helps!
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

19 Feb 2010, 04:21

deeno: I believe Nick has more to say on this issue than me, but in a table cell, when some element is set to 100%, it is usually set to 100% of the available table cell height. This may depend on the html doctype definition though ...
 
deeno
Topic Author
Posts: 15
Joined: 14 Oct 2008, 06:12

19 Feb 2010, 04:46

@karl:
i understand what you mean, but i think the swf calculates the position of its contents by the heigth of the screen (at least thats what i understood from your words)... so in this case a differnent height of the table wouldnt change the center-position of the swf-contents? isnt it?

how can i contact nick?

thanks so far!
 
deeno
Topic Author
Posts: 15
Joined: 14 Oct 2008, 06:12

19 Feb 2010, 15:26

got it karl!
i tried height of table 85% and its working now!
i must have misunderstood your info about SWF calculating its centering from the height of the screen... (on 18th feb you wrote: ...it takes 100% height of screen...)
its the height of the table...

problem solved!!!
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

22 Feb 2010, 04:17

Sorry you did it wrong.

You should put your logo in additional table row above the imagevue so it looks like this (new markup is in bold):
<table height="100%">
<tr><td height="100"> your logo here </td></tr>
<tr><td height="100%"> imagevue stuff </td></tr>
</table>
This way everything will be fine and centered. And yes, we use <table>.
firedev.com